做资格核查在哪个网站,建设网站对公司起什么作用是什么意思,qq空间网站,天津全包圆装修公司电话本次下载是后台文件流传输#xff0c;前端下载#xff0c;前端将拿到的下载id和名称downloadName传递给下载方法#xff1b;如果是多个下载#xff0c;可以采用数组for循环
情景描述#xff1a; 1.如果符合导出条件#xff0c; 后端直接返回数据流#xff0c;如下图所示…本次下载是后台文件流传输前端下载前端将拿到的下载id和名称downloadName传递给下载方法如果是多个下载可以采用数组for循环
情景描述 1.如果符合导出条件 后端直接返回数据流如下图所示的一堆看不懂的东西
2.不满足导出条件 则后端返回JSON 并附上失败原因 前端需要将失败原因展示出来
解决问题
兼容ie浏览器下载报传递给系统调用的数据区域太小.解决blob下载文件文件下载失败将blob的错误信息转换成json格式 //下载downloadFile() {let obj {loginUser: this.$store.state.loginUser,id: this.visibleId,};axios.post(this.$store.state.windowCONTENT myDownload/downloadFile,obj,{responseType: blob,}).then((res) {// console.log(res.data.type);// alert(res.data.type);//此时有点两种情况1.后端返回的是个对象而不是文件但是被我们获取时候转成了blob导致我们没法做判断。//例如{data:参数异常,无下载权限,message:INPUT_PARAMETER_CHECK_ERROR,success:7}//故需要将获取到的blob类型做判断如果是application/json ---谷歌下的对象转blob的类型或者application/json;charsetutf-8---ie下的对象转blob的类型//然后在再讲此blob转成原对象做判断if (res.data.type.includes(application/json)) {//以下部分代码是将原来的{}json对象转成的blob文件流重新再读写成json对象做判断let reader new FileReader()reader.onload (event) {let content JSON.parse(reader.result)console.log(content);let message content.message // 错误信息let status content.success //状态码// 错误处理--根据后端实际返回的对象做判断if (status 7) {alert(message);} else if (status 9) {}}reader.readAsText(res.data)return true} else {if (msSaveOrOpenBlob in navigator) {//兼容ie浏览器下载报传递给系统调用的数据区域太小.var data res.data;var blob new Blob([data], { type: application/vnd.ms-excel });window.navigator.msSaveOrOpenBlob(blob, this.downloadName);return;} else {// console.log(res.data);const blob res.data;const reader new FileReader();reader.readAsDataURL(blob);reader.onload (e) {const a document.createElement(a);a.download this.downloadName; //点击下载时候传递过来的文件名称包括本身的格式 例如 帮助文档.doca.href e.target.result;// console.log(e.target.result);document.body.appendChild(a);a.click();document.body.removeChild(a);};}}}).catch((err) {console.log(err.message);});},可参考链接
2.地址栏方式下载一般接口返回下载地址 // 下载download(id) {queryPdf(id).then(res {if (res.code 200) {const a document.createElement(a)a.style.display nonea.setAttribute(href, res.data)a.click()}})},
