前端图片压缩上传插件localResizeIMG的使用

我最近做的几个项目,都有图片上传功能。实现图片上传有很多方法,但是要考虑到上传速度、兼容各种浏览器(尤其是各种移动设备)等因素,可选择的没几种,我给大家推荐一种比较好用的上传插件(localResizeIMG),这个前端图片上传插件最近特别火,我最近的几个项目图片上传都是用这个插件开发的,效果和效率都很棒。
我做的其中一个项目的上传图片效果截图,如下:
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
如何引用到项目中?(注:我用的是ThinkPHP框架)
第一步:引入js
这里写图片描述
第二步:html
这里写图片描述
第三步:具体js
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
第四步:服务端方法
这里写图片描述
我在做第一个项目的图片上传时,其实还是遇到了一个小问题,就是不兼容所有移动设备,苹果的设备都可以上传,但是安卓的移动设备都不行。我调试了半天,最后把引用的js替换了就可以了,我把lrz.bundle.js替成lrz.all.bundle.js,因为后边的这个js是兼容各种浏览器(IE10以上)及各种移动设备。

完整代码包下载:http://pan.baidu.com/s/1pKMAwTP

github相关网址:https://github.com/think2011/localResizeIMG

现在是信息大爆炸时代,信息泛滥,在这样的社会环境下,好的原创文章是最需要的,最不应该被淹没的,所以我就开始写文章了。这是我写的第六篇文章,是关于前端图片压缩上传插件localResizeIMG的使用,给大家推荐&分享我的经验,共同进步。可能很多地方写的不好,请大家多多指出。

我一直认为写文章是最好的思考方式,不光在分享,也在沉淀自己。张德Talk上的文章主要是分享技术、产品、创业和生活的相关有趣故事和经历。

这里写图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值