欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

axios 提交表单同时下载文件

程序员文章站 2022-03-15 10:28:51
axios 提交表单同时下载文件vue + elementUI + axios 提交表单下载文件 // 下载文件 download(url, requestData) { this.$axios({ method: 'post', url: url, data: this.$qs.stringify(requestDat...

axios 提交表单同时下载文件

  • vue + elementUI + axios 提交表单下载文件
 			// 下载文件
            download(url, requestData) {
                this.$axios({
                    method: 'post',
                    url: url,
                    data: this.$qs.stringify(requestData),
                    responseType: 'blob'
                }).then(response => {
                    var data = response.data;
                    if (!data) {
                        return
                    }
                    var content_disposition = response.headers['content-disposition'];
                    var filename = "file";
                    if (content_disposition.indexOf("filename") > -1) {
                        filename = content_disposition.split("=")[1].trim();
                        filename= decodeURI(escape(filename))
                    }
                    let url = window.URL.createObjectURL(new Blob([data]))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', filename)
                    document.body.appendChild(link)
                    link.click()
                }).catch((error) => {
                    this.$message.error(error.message);
                });
            }

本文地址:https://blog.csdn.net/shuangmu9768/article/details/108846269