javascript 将图像转换为数据 url

标签 javascript todataurl

使用javascript我将jpg转换为数据url(我得到一个像data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQAB...)这样的字符串,我得到的url在Firefox中作为href工作,但它不是在 Chrome 中工作。 您有什么建议吗?也许 Chrome 有限制?

编辑:

  1. 我在具有下载属性的 anchor 中使用数据 url 作为 href(链接应强制打开/下载弹出窗口)

  2. 如果我传递较小的图像,它就可以在 Chrome 上运行

您可以在此处查看示例:

https://jsfiddle.net/ex180Lyu/

<a href="data:image/jpeg;base64,/9j/4AAQSkZJR..." download="image.jpg">CLICK</a>

它可以在 Firefox 中运行,但不能在 Chrome 中运行

最佳答案

关于javascript 将图像转换为数据 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60042398/

相关文章:

javascript canvas - 检查是否加载了使用 toDataURL() 创建的图像

javascript - toDataURL() 文件大小增加

javascript - 捕获完整 Canvas 图像

javascript - 通过子组件更新父数据?

javascript - 使用 ReactJS 循环遍历 JSON 数组,但不了解代码的实际工作原理

javascript - 如何使用 Jquery 或 Javascript 将元素更改为单击一次后不可单击

javascript - toDataURL 导致 Chrome 崩溃

JavaScript : Async/Await with a loop inside

javascript - 为什么在 Canvas(JS) 中 toDataUrl() 在 drawImage() 之后不起作用?

javascript - 如何获取 xlink :href tag of an svg image to get converted to a png/jpg image using canvas's toDataURL . 中的图像?