前后端传递数据下载文件

前端axios get 传递数组并处理后端返回文件流

import axios from 'axios';
axios({
      url: 'http://localhost:8080/?name='+selectedCards,
      method: 'GET',
      responseType: 'blob',
      success: function (result) {
          console.log(selectedCards);
      },
      error: function (result) {
          alert(result);
      }
  }).then((res) => {
    console.log(res);
    const blobUrl = window.URL.createObjectURL(new Blob([res.data]));
    const aElement = document.createElement('a');
    const filename = 'download.txt';
    document.body.appendChild(aElement);
      aElement.href = blobUrl;
      aElement.setAttribute('download', filename);
      aElement.click();
    
  }).catch((error) => {
    
    console.log('文件下载失败', error);
  });

前端 XMLHttpRequest post 传递自定义对象数组

props.createdCards.push({
          name: "newModule_"+length,
          assignNum: 0,
          alwaysNum: 0,
          io: [],
          params: []
      })

var xhr = new XMLHttpRequest();
    xhr.open("post", "http://localhost:8080/generateUserdefine", true);
    xhr.setRequestHeader('Content-Type',"application/json") ;
    xhr.responseType = "blob";
    xhr.send(JSON.stringify(createdCards));
    xhr.onreadystatechange = function () {
        if(xhr.readyState==4 && xhr.status == 200){
            var blob = new Blob([xhr.response]);
            var a = document.createElement('a');
            a.download = 'download.txt';
            a.href=window.URL.createObjectURL(blob);
            a.click();
        }else{
            console.log("error");
        }
    }

后端根据前端传来的数组返回文件流

public int download(String[] name, HttpServletResponse response) throws IOException{
        response.setHeader("Content-Disposition", "attachment;Filename=" + URLEncoder.encode("download.txt", "UTF-8"));
        response.setContentType("application/octet-stream; charset=UTF-8");
        OutputStream outputStream = response.getOutputStream();
        byte[] bytes = new byte[2048];
        for(int i=0;i<name.length;i++){
            File file = new File("src/"+name[i]+".txt");
            FileInputStream fileInputStream = new FileInputStream(file);
            int len = 0;
            while ((len = fileInputStream.read(bytes))>0){
                outputStream.write(bytes,0,len);
            }
            fileInputStream.close();
        }

        outputStream.close();
        return 0;
    }

        
        @GetMapping(value = "/")
        public void paramController(HttpServletResponse response,
                                      @RequestParam(value = "name") String[] name)
                                      throws IOException{
            

        download(name,response);