如何检测浏览器是否支持下载指向数据的链接:URI方案

时间:2017-01-06 17:53:34

标签: html detection data-uri-scheme

我有一个指向编码图像的锚标记,并包含下载属性。目标是允许用户只需单击链接即可将数据URI(图像)下载到磁盘。

Example

<a download="foo" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNkYGD4z0AEYCJG0ahC6ikEAKYXAROlAhdFAAAAAElFTkSuQmCC">
Download image
</a>

这里有两件事我需要检查浏览器支持:

  1. 浏览器是否支持download属性
  2. 浏览器是否支持href=data:
  3. 我检查download属性支持的方式是:

    document.createElement('a').download === undefined;
    

    但是,如果/当href指向使用data:URI方案的url时,我不知道如何检测浏览器是否支持下载。

    我知道MS Edge不支持上面的示例代码(fiddle here)..所以我确信还有其他现代浏览器也不支持它。 - 而且我不想检查浏览器类型(例如,如果navigator.userAgent包含&#39; Edge&#39;)。

0 个答案:

没有答案