杏花怎酿酒 2022-08-11 07:38 采纳率: 55%
浏览 453
已结题

springboot vue 下载文件,浏览器未显示下载的文件 只有控制台 Preview 有文件

springboot vue 下载文件,浏览器未显示下载的文件
只有控制台 Preview 有文件

img

img


    @PostMapping("/down")
   public void down(HttpServletResponse response, @Param("id") int id) {
        Backup backup = backupService.getById(id);
          File file=new File(backup.getPath());
        response.setContentType ("application/octet-stream");
         
        String name = file.getName()+".txt";
        try {
            name = new String (name.getBytes (StandardCharsets.UTF_8), "ISO8859-1");
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace ();
        }
        response.addHeader ("Content-Disposition", "attachment;filename=" + name);

        OutputStream opmt = null;

        try {
            opmt = response.getOutputStream ();
            opmt.write (FileUtils.readFileToByteArray (new File (backup.getPath())));
            opmt.close ();
        } catch (IOException e) {
            e.printStackTrace ();
        }
        
}

    async download({id}){ // id=
      const result = await getBackupDown({id}).catch(err=>{
        this.$message.error('网络请求错误')
      })
      if(result.status){
        this.$message.error('下载失败')
      }else {
        this.$message.success('下载成功')
      }

      await this.fetchData()
    },
<a-button value="small" @click="download(item)">下载</a-button>

  • 写回答

8条回答 默认 最新

  • 音药 2022-08-11 08:40
    关注
    
    this.$message.success('下载成功')
        const blob = new Blob([res.data], { type: 'application/vnd.ms-excel;charset=utf-8' })
        let link = document.createElement("a");
        let href = window.URL.createObjectURL(blob); //下载链接
        link.href = href;
        link.text = "下载";
        link.download = "xxx"; //下载后文件名
        document.body.appendChild(link);
        link.click(); //点击下载
        document.body.removeChild(link); //下载完成移除元素
        window.URL.revokeObjectURL(href);  //释放blob对象
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 8月14日
  • 已采纳回答 8月12日
  • 创建了问题 8月11日

悬赏问题

  • ¥15 vscode报错如何解决
  • ¥15 前端vue CryptoJS Aes CBC加密后端java解密
  • ¥15 python随机森林对两个excel表格读取,shap报错
  • ¥15 基于STM32心率血氧监测(OLED显示)相关代码运行成功后烧录成功OLED显示屏不显示的原因是什么
  • ¥100 X轴为分离变量(因子变量),如何控制X轴每个分类变量的长度。
  • ¥30 求给定范围的全体素数p的(p-2)/p的连乘积值
  • ¥15 VFP如何使用阿里TTS实现文字转语音?
  • ¥100 需要跳转番茄畅听app的adb命令
  • ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
  • ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗