使用HTML5的两个api,前端js完成图片压缩

使用HTML5的两个api,前端js完成图片压缩

主要用了两个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)