html5 - toDataURL（）打破SSL连接

时间：2011-09-01 17:34:36

标签： html5 google-chrome ssl ssl-certificate html5-canvas

我的问题是我使用画布.toDataURL()方法在Chrome和Firefox上显示图片的预览，但由于网站是通过SSL连接而导致出现警告。

使用toDataURL()

显示图像时收到以下警告消息

......的页面显示来自......的不安全内容。

这只发生在Chrome中，因为Chrome在安全网页旁边有Lock：这导致地址栏上的绿锁将状态更改为警告状态，表示此页面上的资源不安全。

这是toDataURL()的预期行为吗？

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

我是否有不同的方式来确保我保护此内容？或者不引起警告？（我确实需要使用.toDataURL()方法？）

答案 0 :(得分：0)

在每个浏览器中打开Developer Tools控制台，查找他们声称不安全的确切URL。要知道任何一个浏览器都有这样的错误，这将是非常令人惊讶的。 IE7及以下版本有此错误，但它们根本不支持DATA URL。

答案 1 :(得分：-2)

如果您从不安全的位置（文件：//）显示图像，则无法将其移至安全上下文（https：//）而不会遇到错误。这可能会导致浏览器将其视为不安全。