使用HTML5的两个api,前端js完成图片压缩。
来源:互联网 发布:哈曼卡顿和惠威 知乎 编辑:程序博客网 时间:2024/05/17 06:30
主要用了两个html5的 API,一个file,一个canvas,压缩主要使用cnavas做的,file是读取文件,之后把压缩好的照片放入内存,最后内存转入表单下img.src,随着表单提交。
照片是自己用单反拍的,5M多,压缩下面3张分别是600多kb,400多kb,300kb的最后那张失真度很大了,压缩效率蛮高的。
。。。。。(代码请查看原文)
阅读原文:使用HTML5的两个api,前端js完成图片压缩
0 0
- 使用HTML5的两个api,前端js完成图片压缩。
- 使用HTML5的两个api,前端js完成图片压缩。
- 利用HTML5,前端js实现图片压缩
- 利用HTML5,前端js实现图片压缩
- HTML5 file API加canvas实现图片前端JS压缩并上传
- Html5前端图片压缩
- 使用Html5实现图片的压缩
- 上传图片前端js压缩
- HTML5前端图片压缩,兼容手机
- html5前端图片压缩打水印
- 使用JS压缩用户上传的图片
- 前端图片压缩上传插件localResizeIMG的使用
- 【图片压缩】使用canvas,html5进行图片压缩
- web前端之HTML5压缩图片compress image with canvas
- 用html5 canvas js 实现图片大小的压缩显示,图片上传后可在线预览。
- html5+canvas实现图片的压缩上传
- 前端开发中对图片的压缩
- 手机网页中通过js+html5压缩上传图片
- Windows下Mysql主从配置(Mysql5.5)
- 获取div等标签的高度
- 在英特尔® 凌动™ 处理器上将 OpenGL* 游戏移植到 Android* (第二部分)
- Android WP双系统若要发展的难题
- [Oracle命令] Oracle数据库几种启动和关闭方式
- 使用HTML5的两个api,前端js完成图片压缩。
- Android 4.4 meminfo 实现分析
- 傅老师课堂:Oracle高级查询之OVER (PARTITION BY ..)
- sqlite
- 用d3d9合并jpeg
- poj-2318-TOYS-计算几何
- 500G的硬盘坏了怎么找回文件
- Java面向对象之继承
- 手动生成AWR报告