Base64 Image SRC 当我不知道图像类型时答案

【问题标题】：Base64 Image SRC when I don't know the image typeBase64 Image SRC 当我不知道图像类型时
【发布时间】：2015-09-24 09:49:52
【问题描述】：

我见过：

 src="data:image/png;base64,iVBORw0KG..."

或

src="data:image/jpeg;base64,LzlqLz..."

或

src="data:image/gif;base64,R0lGODl..."

图像类型是强制性的，还是有什么方法可以让浏览器弄清楚并传递如下内容：

src="data:image;base64,R0lGODlh...

【问题讨论】：

您可以编写一些代码来查看数据的第一个字节以确定图像类型。 look here
@VikramDeshmukh 他将不得不将其转换为 JavaScript
不，您需要传递一个有效的 dataURL 才能将其用作 DOM 中的源，其中包括 mime。
即使你嗅到了类型，你仍然需要为 img 标签提供一个包含 mime 类型的 dataURL，所以为什么不直接存储它并避免二进制操作...
我猜你们是对的，我只是想知道是否有内置的方法可以做到这一点。毕竟， src="123.png" 会加载即使 123 实际上是 jpg 图像，在 Chrome 中。但这不是很好。

【解决方案1】：

我确定，您需要知道图像的类型。可能是你的文件扩展名

【讨论】：