我要让用户上传SVG图片,并试图将其展示给他。
该图像在Edge,Firefox和Chrome上显示良好,但在IE11上显示不佳。 当我进入调试模式时,IE和Chrome上的数据URI似乎不同。 将Chrome中具有的数据URI复制到IE时,它可以正常工作。
出什么问题了? IE为什么更改数据URI?
我为此创建了JSFiddle:
jsfiddle.net/liorsharabi/ctpq9v04/9/
Thx
答案 0 :(得分:1)
解决了,
问题在于,要在IE11中使用数据URI,该URI必须位于base64中。 因此我获取了SVG数据,并在其上使用了“ btoa”功能,并在其MIME类型中添加了“ svg + xml; base64”。
<img src={`data:image/svg+xml;base64,${window.btoa(data)}`} />