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()
})

亲测有效


 
posted @ 2021-10-15 15:09  初生土豆  阅读(10196)  评论(0编辑  收藏  举报