最近在做一个移动端HTML5的应用,使用到了上传功能,起初使用传统的上传方式上传手机拍照的照片,由于手机拍照出来的照片一般都是好几MB,所以上传速度是非常慢的。
在网上找了很久找到了localResizeIMG压缩框架,感觉非常的实用,所以在此分享给大家。
第一步:下载localResizeIMG
localResizeIMG放在github中的,地址是:https://github.com/think2011/localResizeIMG。
第二步:在web工程中导入localResizeIMG相关js
解压localResizeIMG压缩吧,把目录中的dist文件夹拷贝到工程中,我的是放在js目录下。
然后在自己的js中导入jquery和localResizeIMG的js。如:
<script src="<c:url value="/js/JQuery/jquery-1.10.0.min.js"/>"></script> <script type="text/javascript" src="<c:url value="/js/lrz/dist/lrz.bundle.js"/>"></script>
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
- 历年真题答案解析
- 备考技巧名师总结
- 高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1148
183.71 KB下载数642
644.84 KB下载数2756
相关文章
发现更多好内容猜你喜欢
AI推送时光机HTML5中怎么实现一个图片压缩上传功能
后端开发2024-04-02
html5中canvas移动浏览器上如何实现图片压缩上传
后端开发2024-04-02
js如何实现移动端图片压缩上传功能
后端开发2024-04-02
怎么使用vue实现微信端图片压缩上传
后端开发2023-07-04
Vue使用canvas实现图片压缩上传
后端开发2024-04-02
java实现上传图片并压缩图片大小功能
后端开发2023-05-31
JS如何实现异步上传压缩图片
后端开发2024-04-02
怎么用html5的canvas移动浏览器实现图片压缩上传
后端开发2024-04-02
H5如何实现图片压缩与上传功能
后端开发2024-04-02
怎么用HTML5的canvas实现图片压缩
后端开发2024-04-02
layui如何实现图片上传+表单提交+ Spring MVC
后端开发2024-04-02
Android中怎么实现图片压缩与上传功能
后端开发2023-05-30
Spring MVC图片的上传和下载功能怎么实现
后端开发2023-07-05
如何使用vue+axios+lrz.js实现微信端图片压缩上传方法
后端开发2024-04-02
HTML5 和小程序如何实现拍照图片旋转、压缩和上传功能
后端开发2023-06-09
如何使用HTML5移动开发图片压缩上传功能
后端开发2024-04-02
java实现上传图片尺寸修改和质量压缩
后端开发2024-04-02
咦!没有更多了?去看看其它编程学习网 内容吧