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.open(),有時可以,有時不可以下載;

  window.location.href,由於無法添加download屬性,所以只能下載瀏覽器不支持打開的文件,其他的會被瀏覽器打開;

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM