toDataURL（）打破SSL連接

Question

我的問題是，我正在使用畫布.toDataURL()方法在Chrome和Firefox上顯示圖像的預覽，但由於該站點通過SSL連接，導致出現警告。

我得到以下警告消息時，我使用顯示的toDataURL()圖像：

在...顯示來自....

這隻因爲發生在Chrome不安全內容頁chrome在安全網頁旁邊有Lock： 這會導致地址欄上的綠色鎖定將狀態更改爲警告狀態，表明此頁面上的資源不安全。

這是預期的行爲toDataURL()？

我不明白爲什麼它是不安全的，因爲我沒有通過HTTP連接獲取任何數據，甚至根本沒有獲取任何數據，因爲它都是通過JavaScript完成的。 但我可能是錯的，請糾正我。

有沒有不同的方式讓我確保我保護這些內容？或者不會導致警告發生？ （而且我確實需要使用.toDataURL()方法？）

Answer 1

如果你從一個不安全的位置顯示圖像（文件：//），你不能將它移動到安全上下文（https：//開頭）無遇到錯誤。這可能會導致瀏覽器將其視爲不安全。

推薦閱讀：

SECURITY_ERR: DOM Exception 18 on using getImageData in a Chrome Extension

HTML5 Canvas - How does the origin-clean flag get set to false?

Answer 2

打開每個瀏覽器的開發者工具的控制檯，並尋找他們聲稱確切的網址是不安全的。得知任一瀏覽器都有這樣的錯誤是非常令人驚訝的。 IE7及以下版本存在此錯誤，但它們根本不支持DATA URL。