ajax下载文件

た入场券 2022-12-22 04:37 107阅读 0赞

this.request(Object.assign({  responseType: 'blob' }, options), params).then((res) => { 
    	if (!res?.data) { 
            message('未能获取文件流')
            return Promise.reject()
        }
        try { 
            let contentDisposition = res.headers['content-disposition'].replace(/['"]/g, '')
            // 文件名需要url编码，才能读取，否则取到的是乱码
            let patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
            let result = patt.exec(contentDisposition)
            let filename = decodeURI(result[1])
            const url = URL.createObjectURL(new Blob([res.data]))
            const a = document.createElement('a')
            a.style.display = 'none'
            a.href = url
            a.setAttribute('download', filename)
            if (typeof a.download === 'undefined') { 
                a.setAttribute('target', '_blank')
            }
            document.body.appendChild(a)
            a.click()
            // 启动下载后需要释放资源
            document.body.removeChild(a)
            URL.revokeObjectURL(url)
        } catch (error) { 
            console.log(error)
            message('可能浏览器版本低，请升级或更换浏览器后重试')
            return Promise.reject()
        }
        return Promise.resolve()
    })

## 注意事项 ##

1.  **responseType要和headers同级**，不能放在headers里
2.  后端需要设置`content-disposition`并且文件名要带后缀
3.  **每次结束一定要调用`URL.revokeObjectURL`**，避免内存泄漏

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax下载文件

this.request(Object.assign({ responseType: 'blob' }, options), params).then((res) =

た入场券/ 2022年12月22日 04:37/ 0 赞/ 108 阅读

相关 ajax实现文件下载

ajax请求返回类型只有xml,String,json.使用response下载时如何用ajax实现? 第一步:将内容写入文件,返回文件存放路径. 第二步:在回调函数中创建

水深无声/ 2022年08月18日 11:52/ 0 赞/ 217 阅读

相关 ajax下载文件

ajax运行在js的沙箱中，它不能访问物理磁盘。因此用ajax下载不能成功。采用模拟窗体提交的方式下载。 var url = "/ajax/tts/TraceLo

小灰灰/ 2022年06月07日 00:08/ 0 赞/ 236 阅读

相关 Ajax不能实现文件下载功能

Ajax 为什么不能实现文件下载： jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析.而我用SpringMVC 传回的是ResponseEntit

超、凢脫俗/ 2022年05月27日 13:09/ 0 赞/ 215 阅读

相关 SpringMVC使用ajax 实现文件下载

SpringMVC使用ajax 实现文件下载一、说明结论 1、 ajax 是无法实现文件下载的，原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类

怼烎@/ 2022年05月20日 09:05/ 0 赞/ 394 阅读

相关 ajax 实现文件下载功能

ajax一般是用来请求服务端的数据，下载文件需要先从服务器获取文件请求路径，然后使用form表单提交的方法来实现文件的下载。先引入jquery文件，jquery的免费cdn

素颜马尾好姑娘i/ 2022年02月28日 13:48/ 0 赞/ 1197 阅读

相关利用ajax下载文件失败

$.ajax({ type: "get", url: "<%=basePath%>dow

客官°小女子只卖身不卖艺/ 2022年02月19日 05:23/ 0 赞/ 219 阅读

相关 Vue+ajax实现文件下载【这里的ajax->axios】

文章转自：[https://www.cnblogs.com/yulj/p/8494465.html][https_www.cnblogs.com_yulj_p_8494465.

我不是女神ヾ/ 2022年02月04日 01:47/ 0 赞/ 400 阅读

相关 ajax异步下载文件并判断状态

今日需要对公司的代码进行更新，发现之前有的文件丢失导致下载不到直接跳转到一个空的页面，第一反应是应该没有用异步请求，直接用a标签或者表单之类的处理下载文件请求了。但是...

绝地灬酷狼/ 2021年07月21日 00:54/ 0 赞/ 508 阅读

相关 ajax的无刷新文件下载

使用ajax，ajax的返回值类型是json,text,html,xml类型，或者可以说ajax的发送，接受都只能是string字符串，不能流类型，所以无法实现文

古城微笑少年丶/ 2021年06月24日 13:59/ 0 赞/ 438 阅读