js 下载 canvas 兼容移动端

最新推荐文章于 2024-04-14 12:13:08 发布

阿豪boy

最新推荐文章于 2024-04-14 12:13:08 发布

阅读量208

点赞数

文章标签： url html js html5 blob

本文链接：https://blog.csdn.net/qq_35516360/article/details/122065325

版权

博客讨论了如何在JavaScript中使用canvas生成的图片在移动端进行下载的问题。作者指出，PC端能正常下载，但移动端（如UC、小米浏览器）无法直接下载base64格式的图片数据。为了解决这个问题，作者尝试了使用blob方式，并引用了MDN的blob相关资料，尽管文件名可能显示为乱码，但至少实现了下载功能。

摘要由CSDN通过智能技术生成

原文链接: js 下载 canvas 兼容移动端

上一篇: vscode 常用配置

下一篇: npm 发布webpack插件 webpack-html-cdn-plugin

很蛋疼的问题 PC 上好好的 , 移动端下载不了 , 貌似前端 js 生成的时 base64 格式的图片数据，移动端无法直接下载 , 但是 chrome 移动端和 pc 端都没问题 , 国产的几个浏览器全部挂了

之前的下载方式

      let url = this.$refs.canvas.toDataURL("image/jpeg");
      let link = document.createElement("a");
      link.href = url;
      link.download = `拼接--${this.imageList[0].name}.jpg`;
      link.click();

移动端, uc/ 小米, 会一直在等待下载