今天就跟大家聊聊有關(guān)如何在JS中實(shí)現(xiàn)一個(gè)用戶禁止保存圖片功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),宜州網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:宜州等地區(qū)。宜州做網(wǎng)站價(jià)格咨詢:13518219792

場景

在業(yè)務(wù)需求中不希望用戶保存圖片，因?yàn)槭且恍┕﹥?nèi)部使用的圖片。

思路

• 添加事件禁止選擇、拖拽、右鍵（簡單的禁止用戶保存圖片，但無法阻止用戶打開控制臺(tái)查看，或是直接抓包）
• 將之轉(zhuǎn)換為 canvas（讓瀏覽器認(rèn)為不是圖片以此禁止用戶對(duì)之進(jìn)行圖片的操作，但無法阻止抓包）
• 禁止用戶使用控制臺(tái)查看源碼（阻止瀏覽器打開控制臺(tái)，但無法阻止抓包）
• 傳輸圖片使用自定義格式（可以阻止抓包，但需要后臺(tái)配合）

注：以下內(nèi)容使用 react+ts 實(shí)現(xiàn)

添加事件禁止選擇、拖拽、右鍵

簡而言之，這是一種簡單有效的方式，能夠在用戶不打開控制臺(tái)的情況下阻止用戶保存圖片。

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

;

文章題目：如何在JS中實(shí)現(xiàn)一個(gè)用戶禁止保存圖片功能-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/jgpsc.html