这篇文章主要为大家展示了JavaScript如何实现禁止用户保存图片，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

成都创新互联网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、响应式网站开发、行业门户型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，成都创新互联网站制作为客户规划、按需网站策划符合企业需求、带有营销价值的网络建站方案认真对待每一个客户，我们不用口头的语言来吹擂我们的优秀，上千的成功案例见证着我们的成长。

添加事件禁止选择、拖拽、右键（简单的禁止用户保存图片，但无法阻止用户打开控制台查看，或是直接抓包）
将之转换为 canvas（让浏览器认为不是图片以此禁止用户对之进行图片的操作，但无法阻止抓包）
禁止用户使用控制台查看源码（阻止浏览器打开控制台，但无法阻止抓包）
传输图片使用自定义格式（可以阻止抓包，但需要后台配合）

注：以下内容使用 react+ts 实现

添加事件禁止选择、拖拽、右键

简而言之，这是一种简单有效的方式，能够在用户不打开控制台的情况下阻止用户保存图片。

export function preventDefaultListener(e: any) {
 e.preventDefault()
}

;

网站栏目：JavaScript如何实现禁止用户保存图片-创新互联
文章地址：http://scyanting.com/article/ehdid.html