51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 1207|回复: 3
打印 上一主题 下一主题

前端下载后端文件流,文件可以下载,但是打不开,显示“文件已损坏”,postman可以..

[复制链接]
  • TA的每日心情
    无聊
    4 天前
  • 签到天数: 530 天

    连续签到: 2 天

    [LV.9]测试副司令

    跳转到指定楼层
    1#
    发表于 2022-7-28 13:14:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    1测试积点
    前端下载文件流,如下是图片说明





    下面是代码
    //这是请求时的处理参数
    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格式也设置了。请各位前端能人志士尽情的提出意见,本人不胜感激!

    附件: 您需要 登录 才可以下载或查看,没有帐号?(注-册)加入51Testing
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    3 天前
  • 签到天数: 1521 天

    连续签到: 5 天

    [LV.Master]测试大本营

    2#
    发表于 2022-7-29 11:00:32 | 只看该作者
    比对下大小看是否下载完整
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 10:15
  • 签到天数: 756 天

    连续签到: 1 天

    [LV.10]测试总司令

    3#
    发表于 2022-7-29 14:23:36 | 只看该作者
    看下大小是否完整
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    前天 07:50
  • 签到天数: 2818 天

    连续签到: 6 天

    [LV.Master]测试大本营

    4#
    发表于 2022-7-29 16:34:39 | 只看该作者
    文件对比
    回复

    使用道具 举报

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

    GMT+8, 2024-11-25 02:04 , Processed in 0.073483 second(s), 22 queries .

    Powered by Discuz! X3.2

    © 2001-2024 Comsenz Inc.

    快速回复 返回顶部 返回列表