VUE post请求下载文件

VUE,POST方法提交form表单下载文件

  download(){//准备数据var obj = {...};var s = noticeEncrypt(JSON.stringify(obj));var files = new FormData();let config = {headers: {"Content-Type": "multipart/form-data",},};files.append("s", s);axios({method: "post",url: "...", // 请求地址data: files, // 参数header: config,responseType: "blob", // 表明返回服务器返回的数据类型}).then((res) => {console.log(res)if (window.navigator.msSaveBlob) {//IE以及IE内核的浏览器try {window.navigator.msSaveBlob(res.data, file.name); //response为接口返回数据，这里请求的时候已经处理了，如果没处理需要在此之前自行处理var data = new Blob([response.data]) 注意这里需要是数组形式的,fileNm就是下载之后的文件名// window.navigator.msSaveOrOpenBlob(response, fileNm); //此方法类似上面的方法，区别可自行百度} catch (e) {}} else {//在headers中截取filenamevar filename = res.headers//下载后文件名filename = filename["content-disposition"]filename = filename.split(";")[1].split("filename=")[1];var blob = new Blob([res.data])var downloadElement = document.createElement('a');var href = window.URL.createObjectURL(blob); //创建下载的链接downloadElement.href = href;downloadElement.download = filename //此处也可以将filename写死 "filename.xlsx"document.body.appendChild(downloadElement);downloadElement.click(); //点击下载document.body.removeChild(downloadElement); //下载完成移除元素window.URL.revokeObjectURL(href); //释放掉blob对象 }});},

VUE post请求下载文件相关推荐

jquery ajax post请求下载文件
第一次用ajax post请求下载文件 ,之前一直用vue的写,今天用同样方式发现是乱码,走了不少弯路,特此记录下方法 var outData = getData() //传参数据var url = ...
php post请求下载文件,POST请求下载文件
通过axios发送POST请求下载文件. 这时候的 Content-Type: application/json;charset=UTF-8 先贴axios({ method: 'post', ur ...
Vue 通过url下载文件并对下载的文件更名
Vue 通过url下载文件并对下载的文件更名 HTML如下: <div @click="downloadFile(url,name)">点击下载</div> ...
post请求下载文件(兼容IE)
post请求下载文件(兼容IE) 有时候由于下载文件的url携带的参数过多,导致整个url长度超过get请求的上限,这个时候需要更换为post请求,具体实现如下 function downLoadFi ...
【post请求下载文件流】如何使用post请求下载文件流 blob
最近有个需求,做文件的下载.其实下载没什么要特别说的,之前都是用的get请求,这次不同,后台用的post请求,返回的是数据流,这种post请求下载文件的方式倒是没怎么弄过.记录一下. 接口接口地址为 ...
spring boot + vue 前后端下载文件文件
springboot返回文件两种方式第一种写入流中返回 Response.setContentType(MIME)的作用是时客户端的浏览器区分不同种类的数据,并根据不同的MIME调用浏览器内不同的程 ...
axios.get php,vue + axios get下载文件功能
本文实例为大家分享了vue + axios 下载文件的具体代码,供大家参考,具体内容如下这里是axios的get方法.post方法请点击这里=>here 注意点: Herder 请求头需注意 ...
vue使用blob下载文件
//封装好的api export function downFile(url, parameter) {return axios({url: url,params: parameter,method: ...
js post请求下载文件
js 下载post请求的文件 /* content 文件二进制内容 fileName 文件名 */ downloadFile(content, fileName) {(fileName &&a ...
Vue 通过url下载文件并修改文件名称
封装一个通用的方法在需要使用的页面引入 /*** 通过url下载文件并对下载的文件更名* @param {*} url * @param {*} filename */ export const d ...

VUE post请求下载文件

VUE post请求下载文件相关推荐

最新文章

热门文章