坑梓网站建设怎么样,网站改版索引量下降,重庆宣网站建设,在哪里看片?问题描述#xff1a;项目中使用的是vue框架进行开发#xff0c;因为文件下载存在权限问题#xff0c;所以并不能通过 a 链接的 href 属性直接赋值 URL进行下载#xff0c; #xff08;如果你的文件没有下载权限#xff0c;可以直接通过href属性赋值URL的方法进行文件下载… 问题描述项目中使用的是vue框架进行开发因为文件下载存在权限问题所以并不能通过 a 链接的 href 属性直接赋值 URL进行下载 如果你的文件没有下载权限可以直接通过href属性赋值URL的方法进行文件下载所以使用vue-resource请求文件流后借助Blob对象实现下载 但是仍然存在解压的问题针对压缩文件而 docx等文档格式主要出现的就是乱码问题。 问题截图 出现以上解压问题的代码通过vue-resource请求二进制文件 downloadFile(attachment) {let fileName attachment.displayName;this.$http.get(strategyDownloadUrl / attachment.id).then((res) {if(typeof(res.data) string){var blob new Blob([res.data], {type:application/octet-stream})if (window.navigator.msSaveOrOpenBlob) {//msSaveOrOpenBlob方法返回bool值navigator.msSaveBlob(blob, fileName);//本地保存} else {var link document.createElement(a);//a标签下载link.href window.URL.createObjectURL(blob);link.download fileName;link.click();window.URL.revokeObjectURL(link.href);}}else{swal(res.data.msg,,info)//个人弹窗忽视}})}, 采用原生对象XHRHttpRequest进行文件请求也可通过jquery的ajax进行文件请求可以正常解压文 downloadFile(attachment) { let that this var ajax new XMLHttpRequest() ajax.responseType blob ajax.open(GET,strategyDownloadUrl / attachment.id,true) ajax.setRequestHeader(X-Authorization,Bearer this.$store.state.token) ajax.onreadystatechange function(){ if(this.readyState 4) { if(this.status 200) { //console.log(this.response) // should be a blob if(this.response.type application/octet-stream){ that.downloadHandler(this.response,attachment.displayName) }else{ swal(您要下载的资源已被删除, , error) } } else if(this.responseText ! ) { //console.log(this.responseText); } } else if(this.readyState 2) { if(this.status 200) { this.responseType blob } else { this.responseType text } } }; ajax.send(null);},downloadHandler(content, filename) { var eleLink document.createElement(a) eleLink.download filename eleLink.style.display none // 字符内容转变成blob地址 var blob new Blob([content],{type: application/octet-stream}) eleLink.href URL.createObjectURL(blob) // 触发点击 document.body.appendChild(eleLink) eleLink.click() // 然后移除 document.body.removeChild(eleLink)}, 如有不正确的地方请指正交流共同进步。 转载于:https://www.cnblogs.com/note-blog/p/8065199.html
