POST带参请求二进制流下载文件

最新推荐文章于 2025-09-20 09:35:14 发布

原创最新推荐文章于 2025-09-20 09:35:14 发布 · 774 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JAVA 专栏收录该内容

6 篇文章

订阅专栏

该博客内容介绍了如何通过JavaScript的XMLHttpRequest对象实现POST方法来请求并下载二进制文件。主要步骤包括设置请求地址、参数、响应类型为blob，然后在onload事件中处理响应，将blob转换为base64，并创建a标签实现文件下载。这种方法适用于需要动态生成文件下载链接的场景。

POST带参请求二进制流下载文件

    var url = 'url'; // 请求地址
    var xhr = new XMLHttpRequest();
    var params = 'name1=value1&name2=value2'; // 参数
    xhr.open('POST', url, true);    // GET/POST方式，根据接口
    xhr.responseType = "blob";  // 返回类型blob
    // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑
    xhr.onload = function () {
      // 请求完成
      if (this.readyState == 4 && this.status === 200) {
        // 返回200
        var blob = this.response;
        var reader = new FileReader();
        reader.readAsDataURL(blob);  // 转换为base64，可以直接放入a表情href
        reader.onload = function (e) {
          // 转换完成，创建一个a标签用于下载
          var a = document.createElement('a');
          a.download = 'filename.xlsx';
          a.href = e.target.result;
          $("body").append(a);  // 修复firefox中无法触发click
          a.click();
          $(a).remove();
        }
      }
    };
    // 发送ajax请求
    xhr.send(params);