iT邦幫忙

1

[html][css][js]阻止圖片複製

Zaku 2023-01-20 01:52:333152 瀏覽
  • 分享至 

  • xImage

請問目前如果大家要實作組圖片被複製,會有哪些作法,比如說簡易的就是蓋個東西上去,防君子不防小人,如果要做比較徹底實務上目前有哪些方法?

小哈片刻 iT邦研究生 4 級 ‧ 2023-01-20 03:33:27 檢舉
沒辦法喔! 再怎麼防也無法防止畫面截圖,是吧。
放棄吧,只要是送到前端的東西可以拆的出來,真的不行截圖就好了
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
Oo_花之舞__oO
iT邦新手 1 級 ‧ 2023-01-20 07:55:43

都2023了居然還有人在防止圖片複製XDDDD

如何破解网页禁止复制文字?史上最全方法来了!


這不是十年前、二十年前的需求嗎?你可以試試JS鎖右鍵,不過不要開JS就可以破解了。

有個部落格寫了滿多招的
是還滿酷的說實話 原理就是弄成背景圖片然後寫個假圖檔著

不過也都是懂右鍵檢查 隨便找就找到的招

你也可以把圖片轉成base64 你爽就好

我還看過有人寫偵測devtool的 利用螢幕視窗大小去算 還滿屌的 很有用
不過這種東西是你越擋 人家破解的越爽拉 你不擋可能還沒人要抓你圖
破壞圖硬上浮水印也可以用AI去除

怎麼擋都沒用

如果擋一擋比較心安 就都用吧

看更多先前的回應...收起先前的回應...
Zaku iT邦新手 3 級 ‧ 2023-01-20 13:07:08 檢舉

恩XD,想知道一下而已

Zaku iT邦新手 3 級 ‧ 2023-01-20 13:08:52 檢舉

看到一些網站還是有,滿好奇的,我把js功能關掉後,他的作動是圖片會消失

Zaku iT邦新手 3 級 ‧ 2023-01-20 13:11:09 檢舉

我也是查到那個部落格,但感覺方法好像有點老舊XD,想說現在還有人做的話是怎麼樣的手法

淺水員 iT邦大師 6 級 ‧ 2023-01-20 14:12:50 檢舉

雖然這方法對截圖也是無效:

把一張圖拆成 10 張,每張只存部分的像素,其他位置透明
顯示時是 10 張圖疊在一起顯示

fillano iT邦超人 1 級 ‧ 2023-01-20 17:12:29 檢舉

直接用javascript跟伺服器要圖片,然後動態用Canvas畫出來也是一種方法。

主要是沒人在搞這套了吧....

現在哪裡的部落格還是網頁有在那邊鎖右鍵的XDDD 笑死

用canvas畫我就用html2canvas去下載也行吧
總之我這邊截圖 永遠檔不住

Zaku iT邦新手 3 級 ‧ 2023-01-20 22:07:03 檢舉

真的都還有,我真的時不時都會碰到,鎖右鍵有的不是擋圖片,是擋文字

重點不是有沒有 重點是現在誰的書籤沒有破解右鍵?
我看到每一個人chrome的書籤都有一個解右鍵的
如果你要說也真的有人沒有 那我也沒轍┐(´д`)┌

Zaku iT邦新手 3 級 ‧ 2023-01-20 22:39:54 檢舉

^_^"a

┐(´д`)┌

Hans5300609 iT邦研究生 4 級 ‧ 2023-01-21 09:32:02 檢舉

看到有人鎖會忍不住想破解看看+1
不過我是土法煉鋼用F12去抓圖檔位置

1
JamesDoge
iT邦高手 1 級 ‧ 2023-01-25 11:00:08
  1. 使用CSS在圖片上蓋一層透明的div,並在div上設定 'user-select: none;' 或 'pointer-events: none;' 來阻止使用者點擊和選取圖片。
  2. 使用JavaScript綁定圖片的onmousedown事件,在事件觸發時阻止預設行為。
  3. 使用HTML5中的'contextmenu'屬性,禁止右鍵選單。

範例程式碼:

<!DOCTYPE html>
<html>
  <head>
    <style>
      #myImage {
        user-select: none;
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <img src="image.jpg" id="myImage" onmousedown="return false;" contextmenu="return false;">
  </body>
</html>
Zaku iT邦新手 3 級 ‧ 2023-03-12 16:57:41 檢舉

喔喔喔喔喔~

哦個屁,這個最簡單,直接拿src就好了XD

我要發表回答

立即登入回答