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


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

  • 相关阅读:
    Dapper的常用操作
    git下载慢的解决方案
    笔记
    第06组 Beta冲刺(3/5)
    第06组 Beta冲刺(2/5)
    第06组 Beta冲刺(1/5)
    第06组 Alpha事后诸葛亮
    第06组 Alpha冲刺(6/6)
    第06组 Alpha冲刺(5/6)
    第06组 Alpha冲刺(4/6)
  • 原文地址:https://www.cnblogs.com/qwfy-y/p/12321839.html
Copyright © 2020-2023  润新知