当我不知道图像类型时如何使用Base64图像SRC

Question

我见过以下内容：

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

或者

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

或者

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

图片类型是必须的吗？还是有办法让浏览器自己识别并传递类似于以下内容的东西：

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

- David

---

你可以编写一些代码来查看数据的第一个字节，以确定图像类型。在这里查看 - Vikram Deshmukh

@VikramDeshmukh 他将不得不将其转换为JavaScript。 - Stranded Kid

不行，你需要传递一个有效的 dataURL 才能在 DOM 中使用它作为源，这包括 MIME。 - dandavis

即使您嗅探了类型，仍然需要向img标记提供一个包含mime类型的dataURL，那么为什么不直接存储它并避免二进制操作呢... - dandavis

我想你们是对的，我只是在想是否有一种内置的方法来做到这一点。毕竟，在Chrome中，即使123实际上是一个jpg图像，src="123.png"也会加载。但那不太好。 - David

Answer 1

我相信，你需要存储图像的类型。可能是使用文件扩展名。

- Velkumar