html - toDataURL() 中断 SSL 连接

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

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

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

The page at ... displayed insecure content from ....

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

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

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

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

最佳答案

在每个浏览器中打开开发人员工具控制台,并查找他们声称不安全的确切网址。如果得知这两个浏览器都有这样的错误,那将是非常令人惊讶的。 IE7 及以下版本有此错误,但它们根本不支持 DATA URL。

关于html - toDataURL() 中断 SSL 连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7274162/

相关文章:

html - 链接 <div>

html - 删除图像链接上的奇怪点击框

amazon-web-services - AWS CloudWatch 代理失败 - 刷新 EC2 实例标签失败 : RequestError: send request failed

python - 将 'From header' 添加到电子邮件中?

html - CSS:将所有内容包装在一个带有滚动条的框中

google-chrome - Protractor 浏览器 chrome 缓存问题

css - 为什么在 Chrome 中使用 CSS3 列会删除列表中的元素编号

html - Chrome 自动填充不正确的数据类型

php - 子文件夹中的 wordpress htaccess 未重定向到 https

html - 当 height=100% 时,什么会导致链接不填满表格单元格的整个高度?