vue post 提交后台返回压缩包文件流，前端我用代码处理能下文件了，但是解压文件损坏了

泥泞的我 2018-06-01 10:10:37

这个是前端代码

这个是后端代码

  System.Web.HttpContext.Current.Response.AddHeader("content-disposition", "attachment;filename=" + name + ".zip");

                System.Web.HttpContext.Current.Response.BinaryWrite(buffer);

                System.Web.HttpContext.Current.Response.Flush();

                System.Web.HttpContext.Current.Response.End();

大神们怎么解决啊

...全文

10553 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

捕鱼农民 2021-03-24

打赏
举报

解决了吗同问同问

chinaskysun 2020-12-25

打赏
举报

处于安全原因，前端无法自动下载文件，因此无法异步下载，如果要下载文件请使用files

泥泞的我 2020-12-18

打赏
举报

引用 15 楼心平气和111 的回复:

请问大佬解决了吗怎么解决的？谢谢

不是已经贴了代码吗

逍遥1998 2020-12-09

打赏
举报

请问大佬解决了吗怎么解决的？谢谢

泥泞的我 2019-11-08

打赏
举报

引用 13 楼 Jayrun_z 的回复:

兄弟今天遇到了相同的问题，请问您解决了吗？

已经解决了，代码如下

 axios.post(url, ResumeViewModel, { responseType: 'blob' }).then(function (res) {
            if (res && res.status == 200) {
             
              const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
              var sFM = 'YYYY-MM-DD hh:mm:ss';
              var df = moment().format(sFM) + '';
              var fileName = '简历Word数据' + df + '.zip';
              var fileNameStr = res.headers['content-disposition'] + "";
              var index = fileNameStr.indexOf('=');
              if (index > 0) {
                fileName = fileNameStr.substr(index + 1);
                fileName = decodeURIComponent(fileName)
              }
              if (that.judgeIE()) {
                navigator.msSaveBlob(blob, fileName)
              } else {
                const elink = document.createElement('a');
                elink.download = fileName;
                elink.style.display = 'none';
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                URL.revokeObjectURL(elink.href); // 释放URL 对象
                document.body.removeChild(elink);
              }
            } else {
              this.$message({
                message: "下载失败，请重试！",
                type: "warning"
              });
            }

            that.$nextTick(function () {
              loadingInstance.close();
            });

          })