当前位置: 移动技术网 > IT编程>脚本编程>vue.js > axios 提交表单同时下载文件

axios 提交表单同时下载文件

2020年09月28日  | 移动技术网IT编程  | 我要评论
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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网