IMG标签中的SVG数据URI未显示在IE11

时间:2018-11-05 09:42:31

标签: image svg internet-explorer-11 data-uri

我要让用户上传SVG图片,并试图将其展示给他。

该图像在Edge,Firefox和Chrome上显示良好,但在IE11上显示不佳。 当我进入调试模式时,IE和Chrome上的数据URI似乎不同。 将Chrome中具有的数据URI复制到IE时,它可以正常工作。

出什么问题了? IE为什么更改数据URI?

我为此创建了JSFiddle:

jsfiddle.net/liorsharabi/ctpq9v04/9/

Thx

1 个答案:

答案 0 :(得分:1)

解决了,

问题在于,要在IE11中使用数据URI,该URI必须位于base64中。 因此我获取了SVG数据,并在其上使用了“ btoa”功能,并在其MIME类型中添加了“ svg + xml; base64”。

<img src={`data:image/svg+xml;base64,${window.btoa(data)}`} />
相关问题