51Testing软件测试论坛

标题: 前端下载后端文件流，文件可以下载，但是打不开，显示“文件已损坏”，postman可以.. [打印本页]

作者: 测试积点老人 时间: 2022-7-28 13:14
标题: 前端下载后端文件流，文件可以下载，但是打不开，显示“文件已损坏”，postman可以..
前端下载文件流，如下是图片说明
[attach]139851[/attach]
[attach]139852[/attach]
[attach]139853[/attach]
[attach]139854[/attach]
[attach]139855[/attach]
下面是代码

//这是请求时的处理参数
xhrRequest({
         url: "http://172.30.16.40:8123/api/bomplus?SAP_BillId=0400004143",
         method: 'get',
         headers: {
            'Content-Type': 'application/json'
         },
         responseType: 'blob',
         data: {},
      })
         .then(res => {
            resolve(res);
         })
         .catch(err => {
            reject(err);
         });

//-------------------------

//这是文件流处理的代码

downloadFileNew: function (res) {
      console.log(res);
      if (res.status != 200) {
         Message.error(decodeURIComponent(res.request.statusText));
         return false;
      } else {
         let blob = new Blob([res.request.response], { type: res.headers['content-type'] });
         let url = window.URL.createObjectURL(blob);
         let a = document.createElement('a');
         document.body.appendChild(a);
         let fileName = res.headers['content-disposition'].split(';')[1].split('=')[1];
         if (fileName[0] == '"') {
            fileName = fileName.split('"')[1];
         }
         a.href = url;
         a.download = fileName;
         a.click();
         window.URL.revokeObjectURL(url);
         document.body.removeChild(a);
      }
},

图中显示文件流的下载没有问题，问题是最后文件打开的时候wps提示无法打开文件，但是postman的send and Download下载的文件没有问题，网上也找了很多参考，但大部分都是说mockjs导致的，但是我这个项目里面没有mock，所以返回的request是没有问题的，其中blob格式也设置了。请各位前端能人志士尽情的提出意见，本人不胜感激！

作者: qqq911 时间: 2022-7-29 11:00
比对下大小看是否下载完整

作者: bellas 时间: 2022-7-29 14:23
看下大小是否完整

作者: jingzizx 时间: 2022-7-29 16:34
文件对比

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)