Fe-interview: [html] 第57天 你了解HTML5的download属性吗?

Created on 11 Jun 2019  ·  10Comments  ·  Source: haizlin/fe-interview

第57天 你了解HTML5的download属性吗?

html

Most helpful comment

@YiXing170 那怎么上线呢?难道是我看错了兼容性

我司只兼容chrome,哈哈

All 10 comments

<a href="/wordpress/wp-content/themes/default/images/index_logo.gif" download="_5332_">下载</a>
没用过,也不了解,但是看了下兼容性还是挺大问题的,实用性不高。

之前做流下载的时候设置过download属性,将下载文件的名称变为用户名,但真不知道兼容性😀

@YiXing170 那怎么上线呢?难道是我看错了兼容性

@YiXing170 那怎么上线呢?难道是我看错了兼容性

我司只兼容chrome,哈哈

我倒是用过,用它来下载base64格式的图片,兼容性倒是不咋地

自定义下载文件的名称

今年了解到的特性,在项目中使用过几次了,很好用,实乃居家旅行必备,只是资源需要在同源地址下。
兼容性的话,我们这儿不太考虑IE。

<a> download 属性,规定被下载的超链接目标

download 属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

download 属性规定被下载的超链接目标,该属性也可以设置一个值来规定下载文件的名称。兼容性各异,Chrome和Firefox仅支持加载同源链接.。
参考CANIUSE:https://www.caniuse.com/#search=a%20download

<a> download 属性,规定被下载的超链接目标

download 属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

Was this page helpful?
0 / 5 - 0 ratings