这篇文章主要介绍了JavaScript怎么压缩并加密图片的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JavaScript怎么压缩并加密图片文章都会有所收获，下面我们一起来看看吧。压缩原理：将图片读入canvas，并使用canvas的toDataURL方法将图片base64化，在此过程中，可以设定quality值，即图片质量值，值为0.1到1之间，值越小，压缩度越高。完整代码：运行效果：压缩率上图中可以看到，压缩后图片的大小是28KB，而原始的文件大小是400多KB：可见，压缩效果还是非常不错的。前面所述的图片压缩，是很实用的技术，接下来才是本文重点，展示一个奇淫技巧：图片加密。之所以即讲压缩压缩，又谈图片加密，是因为图片加密是于前面压缩技术的基础上完成的。上面的代码中，toDataURL产生的是图片的base64编码。Base64编码必须是完整且正确才能正常显示图片。而只需对此编码做小小修改，哪怕仅是改动一个字符，也会让图片无法正常显示。那么，程序中给编码某个位置增加一个字符，以达到破坏正确编码进而实现加密的效果：运行效果，输出加密后的base64编码：测试一下：效果如下，图片无法正常显示。那么，接免费云主机域名下来将实现这样的效果：在网页中，用img的src引入加密的base64字符，此时图片是不能显示的。然后，可以输入密码，当密码正确时，解密base64字符，让图片正常显示。输入密码：密码正确，解密并显示图片：源码：网页中还有另外几个元素：input中用于存放加密的base64编码，即上文中的js代码功能所生成并加密的内容；img用于显示解密后的图片；还有一个按钮，点击时调用解密函数。可能有人已经发现：虽然图片编码经过了加密，而且增加了口令保护，但是只要查看网页源码，就可以知道口令，这样完全没有起到加密的效果。到目前为止，确实存在这个问题。所以，还要更进一步：口令可以被看到，是因为javascript代码透明，那么，就要对解密的js代码加密了，加密后，口令将不可见。用JShaman对JS代码进行混淆加密：并在JShaman的配置中勾选择“字符串加密”：加密后的代码将完全找不到之前的口令字符：这样就实现了完整的图片加密：将图片加密存放到了单独的html中，可以方便的携带、存储、传递。而内容是加密的、口令也是加密的。只有知道口令的人，才能看到图片。关于“JavaScript怎么压缩并加密图片”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JavaScript怎么压缩并加密图片”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。
相关推荐: 如何解决Spring data jpa @Query update的坑
小编给大家分享一下如何解决Springdatajpa@Queryupdate的坑，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！jpa默认只有save(Entity)方法，如果数据库中…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
