vue 文件流后端传文件流下载

我会带着你远行 2022-12-21 00:49 243阅读 0赞

请求后后端会返回一堆乱码，这个是文件流，用 new blob 转换，然后生成url，直接就可以下载了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]

downLoadBill(){ 
     this.axios.get(`/arap/getInWarehouseLabel/18944448300`,{ 
            responseType: 'arraybuffer'  /* 一定要加这个 不然文件内容显示不了 */
            })
          .then((res) => { 
                  let a = document.createElement('a');
                  let blob = new Blob([res.data]); 
                  let objectUrl = URL.createObjectURL(blob);
                  a.setAttribute("href",objectUrl);
                  a.setAttribute("download", '计划单电子表格.xls');
                  a.click();
                  // console.log(objectUrl);
                  URL.revokeObjectURL(objectUrl); // 释放内存
            
            
          // if (res.data.code == 200) { 
          // } else { 
          // this.$message.info(res.data.message);
          // } 
          }) .catch((res) => { 
          console.log(res);
          });
          
        },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/dc011766285743c39372e0676e4a9daf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关文件上传--前端Vue后端springboot

前端调用： <template> <div> <el-upload class="upload-demo"

朴灿烈づ我的快乐病毒、/ 2024年03月22日 13:11/ 0 赞/ 121 阅读

相关 java通过IO流下载保存文件

我们在开发过程中，可能会遇到需要到远程服务器上下载文件的需求，一般我们的文件可能会有一个url地址，我们拿到这个地址，可以构建URLConnection对象，之后可以根据这个U

╰+哭是因爲堅強的太久メ/ 2024年02月21日 12:00/ 0 赞/ 80 阅读

相关 IVIEW+VUE文件流下载EXCEL问题

用Axios调用导出方法返回的文件流下载时控制台返回乱码 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

痛定思痛。/ 2023年10月06日 12:08/ 0 赞/ 43 阅读

相关 Vue实现excel文件的导出功能（后端直接返回文件流）

后台管理系统常见的导入功能使用element的el-dialog弹窗样式 ![e2ad597c2639430ab37468b503141f29.png][] <

╰半橙微兮°/ 2023年09月28日 07:58/ 0 赞/ 179 阅读

相关 php 大文件下载，文件流下载，支持断点续传

$fileNewname = 'down.zip';//下载后的文件名 $filename = '20200114.zip';//为要下载的文件名 $p

╰+攻爆jí腚メ/ 2023年06月30日 02:26/ 0 赞/ 44 阅读

相关 vue 文件流后端传文件流下载

请求后后端会返回一堆乱码，这个是文件流，用 new blob 转换，然后生成url，直接就可以下载了。 ![在这里插入图片描述][watermark_type_ZmFuZ3

我会带着你远行/ 2022年12月21日 00:49/ 0 赞/ 244 阅读

相关 react前端下载后端返回文件流(文件流下载excel、csv)

以前用vue框架的时候，写过不少下载上传的东西，当然包括后端返回文件流供前端下载，现在用react，牵扯到这个功能，又提起来说，有两种下载类型，一种是Excel，一种是Csv。

水深无声/ 2022年11月06日 06:59/ 0 赞/ 634 阅读

相关 java 文件流下载_java 使用流下载文件代码

public HttpServletResponse download(String path, HttpServletResponse response) \{ try \

叁歲伎倆/ 2022年11月03日 11:53/ 0 赞/ 206 阅读

相关 vue 前端传图片文件，后端接收

-------------------- vue端 1、在 main.js 文件中添加 const upload = axios.create({

た入场券/ 2022年02月04日 01:09/ 0 赞/ 1156 阅读

相关文件流下载文件封装

import { exportMethod } from '@/utils/helper/exportExcel' methods: {

水深无声/ 2021年09月24日 21:26/ 0 赞/ 316 阅读