ResponseEntity下载文件

﹏ヽ暗。殇╰゛Y 2022-04-04 13:40 235阅读 0赞

## 前端依赖 ##

[FileSaver.js][]

## 前端 ##

import FileSaver from '../xxx/FileSaver.js';
    
    const params = { 
    };
    return this.$http({ 
        method: 'GET',
        url: '/download.json',
        // responseType必须值,否则文件下载后乱码
        responseType: 'arraybuffer',
        params: params
    }).then(function (response) { 
        let body = response.data;
        let contentDisposition = response.headers('Content-Disposition');
        // 获取文件名
        let fileName;
        for (let key of contentDisposition.split(';')){ 
            let name = key.split('=')[0].trim();
            if (name === 'filename'){ 
                fileName = key.split('=')[1].trim();
                // 解决中文乱码
                fileName = decodeURIComponent(escape(fileName));
                // 去除首尾多余双引号
                fileName = fileName.replace(/"/g, '');
            }
        }
        if (body) { 
            let file = new Blob([body], { 
                type: "application/octet-stream"
            });
            FileSaver.saveAs(file, fileName);
        } else { 
            // 下载失败
        }
    }).catch(error => { 
      this.$log.log(error);
    });

## 后端 ##

@GetMapping("/download.json")
    public ResponseEntity<byte[]> download() { 
        byte[] bytes;
        HttpHeaders headers = new HttpHeaders();
        String filename = new String(new String("file.xlsx").getBytes("utf-8"), "iso-8859-1");
        headers.setContentDispositionFormData("attachment", filename);
        headers.setContentLength(bytes.length);
        headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
        return new ResponseEntity<byte[]>(bytes, headers, HttpStatus.OK);
    }

[FileSaver.js]: https://github.com/eligrey/FileSaver.js

发表评论取消回复

表情：

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

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

相关阅读

相关 SpringMVC 使用ResponseEntity实现文件下载

下载文件： (1)获取要下载的文件名，注意编码； (2)在HttpHeaders中设置以下载方式打开，设置MIME类型； (3)用FileUtils.readFileTo

╰+攻爆jí腚メ/ 2024年02月18日 21:41/ 0 赞/ 31 阅读

相关文件下载

对应文件上传的下载 1、javaweb方法实现： public String download(){ try { //获取文件ID

ゝ一世哀愁。/ 2022年07月13日 14:08/ 0 赞/ 217 阅读

相关 ResponseEntity实现文件下载

需求: 点击页面上的超链接,然后下载服务器端的文件: ResponseEntity 需要传入3个参数,分别是:请求体、请求头和状态码具体的代码如下

矫情吗；*/ 2022年06月16日 06:08/ 0 赞/ 226 阅读

相关 spring mvc @ResponseStatus 和 ResponseEntity

@ResponseStatus 是标记一个方法或异常类在返回时响应的http状态。其代码注释如下： <p>The status code is appli

た入场券/ 2022年06月16日 04:47/ 0 赞/ 181 阅读

相关 springmvc中利用ResponseEntity进行文件下载

@RequestMapping(value="/testResponseEntity") public ResponseEntity<byte[]>

「爱情、让人受尽委屈。」/ 2022年05月22日 12:44/ 0 赞/ 179 阅读

相关 ResponseEntity下载

代码 @RequestMapping("/testResponseEntity") public ResponseEntity<byte[]> tes

桃扇骨/ 2022年05月21日 04:36/ 0 赞/ 197 阅读

相关 ResponseEntity返回数据、状态、头部信息

ResponseEntity ：标识整个http相应：状态码、头部信息、响应体内容(spring) @ResponseBody：加在请求处理方法上，能够处理方法结果值作

曾经终败给现在/ 2022年04月08日 10:15/ 0 赞/ 507 阅读

相关 ResponseEntity下载文件

前端依赖 [FileSaver.js][] 前端 import FileSaver from '../xxx/FileSaver.js';

﹏ヽ暗。殇╰゛Y/ 2022年04月04日 13:40/ 0 赞/ 236 阅读

相关文件下载

html 标签点击自动下载 <button> <a href = "http://localhost/day.zip">

布满荆棘的人生/ 2022年03月18日 13:56/ 0 赞/ 496 阅读

相关 SpringBoot2.x使用ResponseEntity下载文件

@GetMapping("/{id}") public ResponseEntity<byte[]> downloadFile(@PathVariabl

男娘i/ 2022年01月22日 07:09/ 0 赞/ 383 阅读