前端图片压缩上传插件localResizeIMG的使用
来源:互联网 发布:java课程设计心得 编辑:程序博客网 时间:2024/04/28 14:23
我最近做的几个项目,都有图片上传功能。实现图片上传有很多方法,但是要考虑到上传速度、兼容各种浏览器(尤其是各种移动设备)等因素,可选择的没几种,我给大家推荐一种比较好用的上传插件(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上的文章主要是分享技术、产品、创业和生活的相关有趣故事和经历。
- 前端图片压缩上传插件localResizeIMG的使用
- H5使用localResizeIMG插件压缩图片后并上传
- 使用spring mvc+localResizeIMG实现HTML5端图片压缩上传
- 推荐一个用于压缩图片的JS插件:localResizeIMG
- 使用localResizeIMG-master上传图片
- LocalResizeIMG+asp.net实现图片压缩上传
- 利用LocalResizeIMG插件压缩图片通过ajax上传图片(ASP版)
- 使用localResizeIMG插件上传图片到七牛云返回链接通过PHP进行保存
- localResizeIMG先压缩后ajax无刷新上传图片
- 移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
- 移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
- 移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
- 上传图片前端js压缩
- 前端实现图片压缩上传
- 前端实现图片压缩上传
- 使用JS压缩用户上传的图片
- Django 使用easy_thumbnails压缩上传的图片
- [前端]LocalResizeImg的使用技巧、与Struts2的结合以及一些坑点
- Android Stiduo使用笔记:关于去掉标题栏
- 一步一步搭建web应用服务器 之 apt-get update 和 upgrade 的区别
- 运动检测(前景检测)之(二)混合高斯模型GMM
- powershell mysql转json(Utf8NoBom)
- 运用iis的网站一启用,程序运用池就会自动停止的问题解决
- 前端图片压缩上传插件localResizeIMG的使用
- [转] IAR contains unknow tools 解决方法
- 总结-AFNetworking学习笔记
- 打开浏览器通过JS访问本地EXE(自用)
- PAT L2-012. 关于堆的判断【数据结构】
- ubuntu 搭建apache mysql
- imp 00010 不是有效的文件 头部验证失败
- java中的--------------栈与堆------------------
- W3Schools jQuery Quiz