a標籤實現文件下載

若是想經過純前端技術實現文件下載，直接把a標籤的href屬性設置爲文件路徑便可，以下：

<a href="https://cdn.shopify.com/s/files/1/1545/3617/files/SH01_User_Manaul.pdf">download</a>

可是，對於 txt , jpg , pdf 等瀏覽器支持直接打開的文件不會被執行下載，而是會直接打開，這時候一個新屬性就要上場了--【download】

<a href="https://cdn.shopify.com/s/files/1/1545/3617/files/SH01_User_Manaul.pdf" download="test.pdf">download</a>

download屬性不止能夠實現下載，其屬性值還能夠規定下載時的文件名，若是不填寫，會自動使用默認文件名。

很遺憾，兼容性不佳，本人實際測試結果也同上圖一致。可是，雖然不兼容，但不表明徹底不支持，IE 和 Safari 不會直接下載，可是會有下載提示框彈出，只是多繞了一步而已。若是不想借助後臺而要實現文件下載，給a標籤加download絕對是首選之策。

另外，咱們還能夠經過js判斷瀏覽器的兼容性去選擇性給用戶一些提示信息。

<script>
    var supportDownload = "download" in document.createElement("a");
    if(!supportDownload){
//        code...
    }
</script>