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

标签：文件   image   类型   code   var   数据   数组   直接   后端   

本文只是记录实现过程中，所遇到的问题，等下次再遇到时，能够轻松解决。
这是后端的返回结果，文件的二进制数组在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>"

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

标签：文件   image   类型   code   var   数据   数组   直接   后端   

原文地址：https://www.cnblogs.com/qwfy-y/p/12321839.html