用JS实现图片压缩图片加密

本文将用JavaScript实现两个颇有技术含量的功能:图片压缩、图片加密。

最终效果:可实现将任意图片加密、压缩,并保存到一个独立的html页面中,输入正确的密码,才能看到原图。

第一步、压缩图片

技术原理

将图片读入canvas,并使用canvas的toDataURL方法将图片base64化,在此过程中,可以设定quality值,即图片质量值,值为0.1到1之间,值越小,压缩度越高。

完整代码

保存为html文件即可运行。

htmlbodyscriptsrc="


转载请注明:http://www.aierlanlan.com/rzgz/2707.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了