前端通过请求并通过后端返回数据文件流来下载文件
程序员文章站
2022-05-30 21:18:17
...
前端通过传递参数,后端返回文件流,前端进行处理并进行文件下载,直接上代码。
downLoadFile(data, filename) {
if (typeof window.chrome !== 'undefined') {
// Chrome version
var link = document.createElement('a')
link.href = window.URL.createObjectURL(data)
link.download = filename
link.click()
} else if (typeof window.navigator.msSaveBlob !== 'undefined') {
// IE version
var blob = new Blob([data], { type: 'application/force-download' })
window.navigator.msSaveBlob(blob, filename)
} else {
// Firefox version
var file = new File([data], filename, { type: 'application/force-download' })
window.open(URL.createObjectURL(file))
}
}
downLoadFile函数第一个参数是后端返回的data,第二个参数名称是文件名称。
发送请求后获取到数据后就调用该函数
上一篇: 推荐 6 篇当前线程的文章
下一篇: 跳格子