当设置download属性后仍出现文件名乱码，可能是由于跨域导致。文章提供了两种解决方案：一是使用XMLHttpRequest创建请求，获取blob对象并创建下载链接；二是通过axios获取数据，创建blob对象并设定文件名进行下载。这两种方法都确保了文件的正确命名。
下载文件设置了download属性，但是下载的名称还是乱码，可能是因为下载文件跨域了，解决办法如下
download(file) {
const urls = file.attachLink || file.link
const x = new window.XMLHttpRequest()
x.open('GET', urls, true)
x.responseType = 'blob'
x.onload = () => {
const url = window.URL.createObjectURL(x.response)
const a = document.createElement('a')
a.href = url
a.download = file.name
a.click()
}
x.send()
},或
this.axios.get('接口地址', { params: params, responseType: 'blob' }).then(res => {
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
document.body.appendChild(a)
a.href = url
a.download = '文件名称'
a.click()
window.URL.revokeObjectURL(url)
})
}
扫一扫
981
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
