我有一个指向编码图像并包含下载属性的锚标记。目标是允许用户通过单击链接将数据 URI(图像)下载到磁盘。
示例:
<a download="foo" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNkYGD4z0AEYCJG0ahC6ikEAKYXAROlAhdFAAAAAElFTkSuQmCC">
Download image
</a>
这里有两件事我需要检查浏览器支持:
- 浏览器是否支持该
download
属性 - 浏览器是否支持
href=data:
我检查对download
属性的支持的方式是:
document.createElement('a').download === undefined;
但是,如果/当 href 指向使用数据的 url 时,我不知道如何检测浏览器是否支持下载:URI 方案。
我知道 MS Edge 不支持上面的示例代码(fiddle here).. 所以我确信还有其他现代浏览器也不支持它。- 我不想检查浏览器类型(例如,如果navigator.userAgent
包含'Edge')。