Html toDataURL()正在断开SSL连接

Html toDataURL()正在断开SSL连接,html,google-chrome,ssl,ssl-certificate,html5-canvas,Html,Google Chrome,Ssl,Ssl Certificate,Html5 Canvas,我的问题是,我使用canvas.toDataURL()方法在Chrome和Firefox上显示图像预览,但这会导致出现警告,因为该站点通过SSL连接 当我使用toDataURL()显示图像时,会收到以下警告消息: 页面位于。。。显示来自…的不安全内容 这只在Chrome中发生,因为Chrome在安全网页旁边有一个锁: 这会导致地址栏上的绿色锁将状态更改为警告状态,表示此页上存在不安全的资源 这是toDataURL()的预期行为吗 我不明白为什么它是不安全的,因为我没有通过HTTP连接获取任何数据

我的问题是,我使用canvas
.toDataURL()
方法在Chrome和Firefox上显示图像预览,但这会导致出现警告,因为该站点通过SSL连接

当我使用
toDataURL()
显示图像时,会收到以下警告消息:

页面位于。。。显示来自…的不安全内容

这只在Chrome中发生,因为Chrome在安全网页旁边有一个锁: 这会导致地址栏上的绿色锁将状态更改为警告状态,表示此页上存在不安全的资源

这是
toDataURL()
的预期行为吗

我不明白为什么它是不安全的,因为我没有通过HTTP连接获取任何数据,甚至根本没有获取任何数据,因为这都是通过JavaScript完成的。 但我可能错了,请纠正我


是否有其他方法确保我保护此内容?或者不引起警告发生?(我确实需要使用
.toDataURL()
方法?

如果从不安全的位置(文件://)显示图像,则无法将其移动到安全上下文(https://)而不会出错。这可能会导致浏览器将其视为不安全

建议阅读:


在每个浏览器中打开开发者工具控制台,查找他们声称不安全的确切URL。这将是非常令人惊讶的了解,无论是浏览器有这样一个错误。IE7及以下版本有此缺陷,但它们根本不支持数据URL。

可能有一个标志,您可以在img elem本身上设置。你能解决这个问题吗?如果是,如何进行?