本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

html5+jquery+php实现即时浏览且不变形无损压缩多图上传

在我们网址使用中,或者我们进行移动端的运用中,由于图片过大,手机拍的图片随便都是几M,上传如果不压缩,可能导致图片无法上传,服务器效率低,占用内存大,占用云端多,调取的时候也比较慢,怎么办?看下效果图

屏幕快照-2016-08-27-上午12.13.01.png

其实,我们在上传前先对图片压缩,然后再上传,这才是明智的选择,好的,我直接给代码,

<script src="http://blog.earnp.com/js/jquery.min.js"></script><script src="/upload.js" type="text/javascript"></script>
<script src="/mobileBUGFix.mini.js" type="text/javascript"></script>

这3个文件会获取index.html的上传的触发,然后压缩图片,并且把图片提交到upload.php页面对图片上传,最后获取图片名称到文本框中,为了方便效果,你可以把文本框直接hidden,其实主页jq还可以优化,不过我只是给出一个demo:

demo 下载

转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/142
问题交流群 :562864481
0
打赏
发布时间 :2016-08-27 00:33:21
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册