如何解决iOS 版 Google Chrome 上的数据 URL 会忽略锚标记的下载属性
在通过数据 URL 从画布下载 PNG 时，我在尝试使下载属性对锚标记起作用时遇到困难。
本质上，我想在 HTML5 画布上绘图，并将绘图下载为 png。我一直在使用 canvas.toDataURL() 来生成 href 属性，尽管附加的示例使用了预制的数据 URL。
在 iOS 版 Google Chrome 上，下载属性似乎无法正常运行。下载的文件简称为“文档”，没有扩展名，因此无法将图像保存到我的 iPhone 的相机胶卷中。我使用过的所有其他浏览器都没有这个问题（Mac 和 PC 的 Chrome，Mac 和 iOS 的 Safari）。
这是一个指向演示该问题的 test page on my website 的链接。这是我的 Codepen 的链接，尽管它的行为有所不同（Codepen 无法下载任何内容，只是打开图像）。
相关代码如下：（我已经缩短了Data URL）
<a download='test.png' target='_blank' href='data:image/png;base64,iV...gg=='>Click me to download</a>
<br><br>
<img src='data:image/png;base64,iV...gg=='>
有什么办法可以确保下载的文件的扩展名为 .png 吗？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
