如何使用JavaScript将Base64图像更改为常规图像

How to change a Base64 image to a regular image using just JavaScript?

本文关键字：图像常规 Base64 何使用 JavaScript 更新时间：2023-09-26

假设我有一个动态生成的图像的整个Base64字符串。我如何转换这样的东西：

<img src="data:image/jpeg;base64,/9j/blah blah blah........." />

至

<img src="mypic.jpg" />

是否可以在不将图像下载到服务器的情况下在客户端进行操作？是否有一种方法可以将Base64图像临时缓存到内存中并接收实际的图像文件？

是否可以在不将图像下载到服务器的情况下在客户端进行操作？

没有。

假设页面是从服务器加载的，那么像这样更改src属性会将其指向该服务器上的URI。浏览器会尝试从那里加载图像，因此它必须返回图像，而不是404。

网站无法将任意URI的内容注入浏览器缓存。