xxw1028
2014-12-18 19:17:50
精
基于html5图片上传,支持缩放和图片质量修改
需求背景:
公司需要开发微信浏览器中的图片上传,需要客户端进行图片压缩,减少图片上传时间,提高成功率。
开发方式:
网上找了很多参考资料,直到找到了这篇文章:http://cloudbbs.org/forum.php?mod=viewthread&tid=26700
这次分享的项目就是基于这篇文章中的两个js进行修改而来的,没有自己造轮子,而是把别人的轮子拿来刷了下漆
项目实现的功能描述:
1、客户端压缩,采用canvas技术
可扩展功能:
1、多图片上传
2、图片切片上传
3、图片旋转
bug修复:
针对部分安卓系统无法读取图片类型进行了处理
效果图:
猜你喜欢
- html5+cropper实现裁剪头像上传bootstrap版本,支持图片左右旋转
- HTML5通过zyupload开发多文件图片预览、裁剪上传demo
- HTML5批量图片上传插件,支持多个图片上传功能
- html5 canvas实现模拟IPad数字签名,并动态生成图片
- HTML5鼠标点击图片出现水滴效果的超酷特效源码
- HTML5+CSS3鼠标悬停图片事件网页特效源代码下载
- html5实现图片旋转源代码下载
- html5实现的文件上传预览源代码下载
- HTML5 录制视频 + 上传
- HTML5 canvas 小实例
- spring websocket和html5 websocket的完美整合demo
- 用于学习的HTML5音乐播放器项目
请下载代码后再发表评论
文件名:imgUpload.zip,文件大小:97.829K
下载
- /
- /imgUpload
- /imgUpload/pom.xml
- /imgUpload/src
- /imgUpload/src/main
- /imgUpload/src/main/java
- /imgUpload/src/main/java/com
- /imgUpload/src/main/java/com/saic
- /imgUpload/src/main/java/com/saic/frontweb
- /imgUpload/src/main/java/com/saic/frontweb/controller
- /imgUpload/src/main/java/com/saic/frontweb
- /imgUpload/src/main/java/com/saic
- /imgUpload/src/main/java/com
- /imgUpload/src/main/resources
- /imgUpload/src/main/java
- /imgUpload/src/main
- /imgUpload

