使用HTML5的两个api，前端js完成图片压缩。
2014-03-24 13:36
477 查看
主要用了两个html5的 API，一个file，一个canvas，压缩主要使用cnavas做的，file是读取文件，之后把压缩好的照片放入内存，最后内存转入表单下img.src，随着表单提交。
照片是自己用单反拍的，5M多，压缩下面3张分别是600多kb，400多kb，300kb的最后那张失真度很大了，压缩效率蛮高的。
。。。。。(代码请查看原文)
阅读原文：使用HTML5的两个api，前端js完成图片压缩
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用HTML5的两个api，前端js完成图片压缩。
- 使用HTML5的两个api，前端js完成图片压缩
- 使用HTML5的两个api，前端js完成图片压缩。
- 利用HTML5，前端js实现图片压缩
- 使用Glup.JS优化JS、CSS、图片，压缩合并
- html5 前端图片处理（预览、压缩、缩放）
- [后端人员耍前端系列]KnockoutJs篇：使用WebApi+Bootstrap+KnockoutJs打造单页面程序
- 【图片压缩】使用canvas，html5进行图片压缩
- js移动端/H5同时选择多张图片上传并使用canvas压缩图片
- 使用React前端框架结合js-ipfs-api实现IPFS的文本数据流传输
- 微信公众号开发《四》使用微信JS-SDK实现手机图片上传，支持压缩、预览。并下载图片到自身服务器
- 使用html5中video自定义播放器必备知识点总结以及JS全屏API介绍
- megapix-image插件 使用Canvas压缩图片上传 MegaPixImage.js下载
- 使用JS完成首页定时弹出广告图片
- Spring 使用七牛云存储上传图片以及html5图片压缩上传
- 在线的图片、js、css压缩优化工具介绍（配合小强视频 前端性能分析精要）
- js HTML5多图片上传及预览实例解析（不含前端的文件分割）
- html5 FileReader+Canvas 前端压缩图片（IE9及以下浏览器不支持）
- arcgis js api前端完成面积测算
- js图片前端压缩多图上传（旋转其实已经好了只是手机端有问题要先压缩再旋转）