美文网首页好程序员大前端
好程序员web前端详解HTML5中download属性的应用

好程序员web前端详解HTML5中download属性的应用

作者: ab6973df9221 | 来源:发表于2019-04-18 15:04 被阅读0次

          好程序员web前端详解HTML5中download属性的应用,在传统的html中,某个文件的下载,是这样的:

          XML/HTML Code复制内容到剪贴板      <a href="=/files/abc1234564545.pdf">report</a>  

          而在HTML 5浏览器中,可以支持download属性了,如下:

          XML/HTML Code复制内容到剪贴板  <a href="=/files/abc1234564545.pdf" download="abc">report</a>   

          download属性的好处在于,在用户下载文件的时候,显示在用户浏览器

          中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的

          东西了,比较友好

          HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。

          XML/HTML Code复制内容到剪贴板   <!-- 将会下载 "test.txt"文件 -- 

           然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

           这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。

    相关文章

      网友评论

        本文标题:好程序员web前端详解HTML5中download属性的应用

        本文链接:https://www.haomeiwen.com/subject/uectgqtx.html