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