将画布保存为 png:是不是可以在 Chrome 中删除 MIME 类型的警告消息?

Posted

技术标签:

【中文标题】将画布保存为 png:是不是可以在 Chrome 中删除 MIME 类型的警告消息?【英文标题】:Saving canvas to png: Is it possible to remove MIME type warning message in Chrome?将画布保存为 png:是否可以在 Chrome 中删除 MIME 类型的警告消息? 【发布时间】:2019-06-03 17:07:04 【问题描述】:

我正在尝试将画布另存为图像。

一切正常,但我在浏览器中收到一条警告消息: “资源被解释为文档,但使用 MIME 类型的图像/八位字节流传输......”

我使用以下代码:

let img = canvas
  .toDataURL("image/png")
  .replace("image/png", "image/octet-stream");
window.location.href = img;

是否可以让浏览器不给出这个警告?

【问题讨论】:

【参考方案1】:

Chrome 无法识别 image/octet-stream。任意二进制数据的 MIME 类型为application/octet-stream

但是你没有任意的二进制数据,你在数据 URL 中有一个 PNG。 There are more user-friendly ways to download that.

【讨论】:

以上是关于将画布保存为 png:是不是可以在 Chrome 中删除 MIME 类型的警告消息?的主要内容,如果未能解决你的问题,请参考以下文章

html2canvas ,将渲染画布保存为 gif 而不是 png?

如何将 p5.js 画布保存为非常大的 PNG?

如何在不通知用户的情况下将画布保存为 png 文件,

如何将 HTML5 画布保存为 png [重复]

如何在角度中使用织物js将两个画布(外部和内部)保存为png

将fabricjs画布保存为电脑上的图像