使用 <a href="data; 是否安全?...">显示图像?

Is it safe to use lt;a href=quot;data; ...quot;gt; to display images?(使用 lt;a href=quot;data; 是否安全?...gt;显示图像?)

本文介绍了使用 <a href="data; 是否安全?...">显示图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

I've learned that it's possible to embed an image in an HTML page like so, instead of linking to a separate image file:

<a href="data:image/png;base64,...(blah blah base64-encoded png goes here)..."
  width="70" height="38" alt="image embedded using base64 encoding!"></a>

Is this "safe", as in will all modern browsers be able to view the image, as long as I stick to common formats like PNG/JPG? Are there any downsides, other than base64-encoding the image increasing the image size by a bit?

Thanks.

解决方案

Yes, this is safe - all major browsers support the data URI scheme.

One downside is that if you use the same image a number of times in the page, it will be encoded several times vs downloaded once.

Another is the size limit imposed by some browsers (IE 8 only allows up to 32k).

You can also use this in CSS to mitigate the download issue.

这篇关于使用 &lt;a href=&quot;data; 是否安全?..."&gt;显示图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:使用 &lt;a href=&quot;data; 是否安全?..."&gt;显示图像?

基础教程推荐