白小丸 2018-12-26 11:08 采纳率: 100%
浏览 4163
已采纳

blob下载文件与原文件大小不同是为何?

用vue作为前端、node.js作为后端开发一个网站,有一个需求是在前端进行文件下载,文件类型包括pdf、word、exe等,文件的储存位置在后端的路径中。

后端代码:

res.download(file_path)

前端代码:

axios.get(url,{responseType:'blob'}).then(function(res){
   if (res.data){
      filename = 'filename';
      var blob = new Blob([res.data],{type:""});
      console.log('sizzze',res.data.length,blob.size);

      if (window.navigator.msSaveOrOpenBlob){
        navigator.msSaveOrBlob(blob, filename);
      }else{
        var link = document.createElement('a');
        link.href = window.URL.createObjectURL(blob);
        link.download = filename;
        document.body.appendChild(link);
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", false, false);
        link.dispatchEvent(evt);

        document.body.removeChild(link);
      }
  })

但是这样下载下来的文件和原始文件的大小是不同的,而且总是比原文件大一些。c

console.log('sizzze',res.data.length,blob.size)

用这句话观察了一下后端传回的数据大小和生成的blob的数据大小,已经不同了。

才疏学浅,实在不懂,请大神们帮忙解答一下,多谢了!

  • 写回答

1条回答 默认 最新

  • 白小丸 2018-12-27 01:32
    关注

    问题解决了,是axios的锅,接收回来的数据乱码了,改用xhr就好了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)