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);
      }
  })

但是这样下载下来的文件和原始文件的大小是不同的,而且总是比原文件大一些。console.log('sizzze',res.data.length,blob.size)用这句话观察了一下后端传回的数据大小和生成的blob的数据大小,已经不同了。
才疏学浅,实在不懂,请大神们帮忙解答一下,多谢了!

阅读 8.8k
1 个回答

responseType写了blob回来的res.data不是就已经是blob了么。。再new一个type丢了?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题