你的位置:首页 > 软件开发 > 网页设计 > 纯原生js移动端图片压缩上传插件

纯原生js移动端图片压缩上传插件

发布时间:2016-03-16 18:00:14
前段时间,同事又来咨询一个问题了,说手机端动不动拍照就好几M高清大图,上传服务器太慢,问问我有没有可以压缩图片并上传的js插件,当然手头上没有,别慌,我去网上搜一搜。结果呢,呵呵。。。诶~又全是基于jquery、zepto的(这句话似乎吐槽次数太多了...),然后我也就不吐槽了, ...

前段时间,同事又来咨询一个问题了,说手机端动不动拍照就好几M高清大图,上传服务器太慢,问问我有没有可以压缩图片并上传的js插件,当然手头上没有,别慌,我去网上搜一搜。

结果呢,呵呵。。。诶~又全是基于jquery、zepto的(这句话似乎吐槽次数太多了...),然后我也就不吐槽了,

然后当然是自己做了,先上图:

纯原生js移动端图片压缩上传插件

纯原生js的移动端图片压缩上传插件,不依赖任何库

用法

在html页面中引入input标签,通过自定义属性data-LUploader绑定点击触发的标签id,写法如下:

<div class="LUploader" id="demo1">    <div class="LUploader-container">      <input data-LUploader='demo1' data-form-file='basestr' data-upload-type='front' type="file" />      <ul class="LUploader-list"></ul>    </div>    <div>      <div class="icon icon-camera font20"></div>      <p>单击上传</p>    </div>  </div>

原标题:纯原生js移动端图片压缩上传插件

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。