a標簽下載文件並指定文件名


使用a標簽下載文件的時候設置下載文件的文件名

給a標簽加一個download屬性    可以設置下載下來的文件的文件名  

<a href="URL" download="文件名"> //download屬性也可以設置一個值來規定下載文件的名稱。所允許的值沒有限制,瀏覽器將自動檢測正確的文件擴展名並添加到文件

注意:只有 Firefox 和 Chrome 支持 download 屬性。href的屬性地址必須是和你前端同源情況下download才會起作用,如果涉及跨域情況下,download將不會起作用

如果涉及跨域問題,可以采用axios獲取文件流下載文件

Axios.get(url,{responseType:'blob'}).then(res=>{
   const blob = new Blob([res.data])
   let a = document.createElement('a')
   a.href=URL.createObjectURL(blob)
   a.download = fileName
   a.click()
})
 
         

親測有效

 
         
 


免責聲明!

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



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