保護圖像下載:超越標準技術
雖然完全阻止圖像下載是不可能的,但您可以採取一些措施來使過程複雜化,並且阻止臨時使用者下載您的映像。除了透明疊加層和CSS 背景圖像之外,還有一些其他技術:
刪除上下文選單選項
使用CSS,您可以透過刪除「儲存」來阻止使用者儲存圖像右鍵單擊上下文選單中的“圖像”選項。這將使上下文選單的其餘部分可存取:
img { pointer-events: none; }
停用拖放
另一個選項是停用影像的拖放。這可以防止使用者將圖像拖放到桌面或其他位置。您可以使用以下jQuery 程式碼來完成此操作:
$(document).on('dragstart', 'img', function(e) { e.preventDefault(); });
隱藏影像URL
為了讓使用者更難確定影像的直接URL,您可以將其從頁面的原始碼中隱藏。這可以使用伺服器端腳本或自訂 JavaScript 函數來實作。
水印影像
為影像添加浮水印可以阻止人們未經許可使用它們。疊加在影像上的明顯浮水印將使其不易被未經授權的使用。
程式碼範例:
<img src="http://placekitten.com/600/450" ondragstart="return false;" />
此程式碼結合了上述技術來停用拖曳和刪除並阻止影像下載。
以上是如何讓人們更難下載我的圖像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!