jQuery的ajax下载blob文件

首先，你可以使用 jQuery 的 ajax 方法向服务器请求一个二进制数据文件。在 ajax 方法中，需要设置返回文件类型为二进制数据，同时设置 responseType 属性为 blob。

通过设置 responseTpe 属性为 blob，可以让 Ajax返回的数据类型为一个 Blob 对象。然后，你只需要创建一个 URL 对象的 URL，以便下载所需的 Blob 对象即可。

以下是一个使用 jQuery 的 ajax 方法来下载文件的示例：

// 发起请求
$.ajax({
  url: "/file",
  type: "GET",
  // 设置返回数据类型为blob
  dataType: "blob",
  success: function (blobData) {
    // 将blob对象转换成url
    var url = URL.createObjectURL(blobData);
    // 创建一个a标签，用于下载数据
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    a.href = url;
    a.download = "file";
    a.click();
    window.URL.revokeObjectURL(url);
  },
  error: function (err) {
    console.log(err);
  }
});

以上示例中，我们向服务器发起了一个 GET 请求，并将返回数据类型设置为 Blob 对象。成功获取到了 Blob 对象后，我们通过 URL.createObjectURL() 方法创建了一个 URL 对象，然后将这个 URL 对象用于下载数据。

接下来是另一个示例，演示如何上传并下载一个文件：

HTML 代码：

<input id="fileinput" type="file" />
<button id="submit">提交</button>

JavaScript 代码：

// 上传文件
$("#submit").click(function () {
  var fileInput = document.getElementById("fileinput");
  if (fileInput.files.length == 0) {
    alert("请选择文件！");
    return;
  }

  var fileData = new FormData();
  fileData.append("file", fileInput.files[0]);

  $.ajax({
    url: "/upload",
    type: "POST",
    data: fileData,
    processData: false, // 不希望处理文件类型的数据
    contentType: false, // 不希望设置内容类型
    success: function () {
      console.log("文件上传成功！");
      // 下载文件
      downloadFile();
    },
    error: function (err) {
      console.log("文件上传失败！" + err);
    }
  });
});

// 下载文件
function downloadFile() {
  $.ajax({
    url: "/file",
    type: "GET",
    dataType: "blob",
    success: function (blobData) {
      var url = URL.createObjectURL(blobData);
      var a = document.createElement("a");
      document.body.appendChild(a);
      a.style = "display: none";
      a.href = url;
      a.download = "file";
      a.click();
      window.URL.revokeObjectURL(url);
    },
    error: function (err) {
      console.log("文件下载失败！" + err);
    }
  });
}

以上代码中，我们向服务器发送了一个包含文件数据的 FormData 对象。服务器会将文件上传到相应的位置。上传成功后，我们调用了 downloadFile() 函数，该函数会向服务器请求文件数据并下载。