• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

c#后端返回文件的二进制数据,前端直接生成blob对象创建的文件是错误的! ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文只是记录实现过程中,所遇到的问题,等下次再遇到时,能够轻松解决。
这是后端的返回结果,文件的二进制数组在data里。

刚开始我的js代码是这样写的

 let url = window.URL.createObjectURL(new Blob([res.data], {
                            type: "application/vnd.ms-excel"
                        }));
                        result += "," + "<a download='错误信息.xlsx' href='"+url+"'>点击可下载错误信息</a>"
                        }

结果下载的文件内容是我返回的二进制。
后面搜寻了多方资料,找到了原因。我返回的二进制数组他的类型被js认为是array,而创建blob对象的函数,只接受ArrayBuffer,ArrayBufferView,Blob类型的数据,所以我们只需要将返回的array转换成相应的类型就可以了。下面是我更改后的代码

                        var uInt8Array = new Uint8Array(res.data);
                        let url = window.URL.createObjectURL(new Blob([uInt8Array], {
                            type: "application/vnd.ms-excel"
                        }));
                        result += "," + "<a download='错误信息.xlsx' href='"+url+"'>点击可下载错误信息</a>"

本来是个很简单的问题,由于对js不熟悉,却花费了我大量的时间,记录一下,得再去学习一下js了。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap