js实现点击下载文件

一、实现方式

  1. a标签

    <a class="down" :href="item.path" :download="item.file_name">下载</a>

    需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下载,并且下载文件默认命名为download属性的值;

  2. 通过js创建a标签

    let aDom = document.createElement('a');

    aDom.style.display = 'none';

    aDom.href = item.path;

    aDom.setAttribute('download', item.file_name);

    document.body.appendChild(aDom);aDom.click();

    document.body.removeChild(aDom);

二、注意事项

  window.location.href、window.open由于无法添加download属性,所以只能下载浏览器不支持打开的文件,其他的会被浏览器打开;

 

上一篇:浏览器复制、剪切、粘贴事件简单操作示例


下一篇:循环嵌套案例