js下載file文件


js下載文件的方式大致分為一下幾類,下面對不同的應用場景分別做下簡介:

 

1.下載new file() 生成的對象文件

  首先創建一個a標簽,href屬性賦值為要下載文件對象的URL,然后調用a標簽上的click()方法就可以下載file文件到本地了。

關於文件對象的URL怎么獲得,這里要用到URL.createObjectURL(object)方法,參數object為一個File對象或者Blob對象,返回值就是一個UTF-16字符串,可以當作a標簽的href屬性值來使用。注意:在使用完URL.createObjectURL()方法之后,要用URL.revokeObjectURL(url)來釋放掉。參數url為剛才生成的那個UTF-16字符串。詳情參考https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL

示例代碼:

let file = new File([data], "fileName.obj");//創建一個file文件
//let blob = new Blob([data]);
let aTag = document.createElement('a');//創建一個a標簽
aTag.download = file.name;
let href = URL.createObjectURL(file);//獲取url
aTag.href = href;
aTag.click();
URL.revokeObjectURL(href);//釋放url

2.常規a標簽下載文件

  未完待續......

 


免責聲明!

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



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