如何在jQuery中通过window.location.href下载前检测文件是否为空

嘿，这个问题我之前帮朋友处理过，核心痛点就是直接用window.location.href触发下载时，根本没法提前知道文件是不是空的——浏览器直接就进入下载流程了。我给你两个实用方案，你可以根据自己的场景选：

方案一：用HEAD请求获取文件大小（高效，适合静态/已知大小的文件） #

HEAD请求只会返回响应头，不会下载文件内容，速度特别快，很适合用来判断文件是否为空。核心是读取Content-Length响应头：

// 替换成你的待下载文件URL
const downloadUrl = "/your/file/path/here";

$.ajax({
  url: downloadUrl,
  type: "HEAD",
  success: function(_, _, jqXHR) {
    // 解析Content-Length，注意转成数字类型
    const fileSize = parseInt(jqXHR.getResponseHeader("Content-Length"), 10);
    // 处理两种空文件情况：没有返回长度，或者长度为0
    if (isNaN(fileSize) || fileSize === 0) {
      alert("抱歉，待下载的文件为空，请检查后重试！");
    } else {
      // 文件正常，触发下载
      window.location.href = downloadUrl;
    }
  },
  error: function() {
    alert("无法获取文件信息，请确认文件路径是否正确！");
  }
});

注意事项： #

如果你的文件是后端动态生成的（比如实时导出的Excel/CSV），后端可能不会返回Content-Length，这时候这个方案就失效了，得用下面的方法。

方案二：用GET请求获取文件内容（适合小文件，兼容动态生成的文件） #

如果文件是动态生成的，或者没法通过Content-Length判断，那就直接请求文件内容，判断是否为空。不过要注意，大文件不适合这个方法，会占用较多内存：

const downloadUrl = "/your/file/path/here";
// 替换成你期望的文件名
const fileName = "downloaded-file.ext";

$.ajax({
  url: downloadUrl,
  type: "GET",
  // 如果是二进制文件（比如图片、压缩包），把dataType改成"blob"
  dataType: "text",
  success: function(content, _, jqXHR) {
    // 可以根据需求调整判断逻辑，比如去掉空白字符后再判断
    if (!content.trim()) {
      alert("抱歉，待下载的文件为空，请重试！");
    } else {
      // 创建Blob对象触发下载（比直接用window.location更灵活）
      const contentType = jqXHR.getResponseHeader("Content-Type");
      const blob = new Blob([content], { type: contentType });
      const blobUrl = URL.createObjectURL(blob);
      
      // 创建临时a标签触发下载
      const downloadLink = document.createElement("a");
      downloadLink.href = blobUrl;
      downloadLink.download = fileName;
      document.body.appendChild(downloadLink);
      downloadLink.click();
      document.body.removeChild(downloadLink);
      
      // 释放Blob URL资源，避免内存泄漏
      URL.revokeObjectURL(blobUrl);
    }
  },
  error: function() {
    alert("获取文件失败，请稍后重试！");
  }
});

额外提醒： #

• 如果你的文件和当前页面跨域，一定要让后端配置好CORS（跨域资源共享），否则AJAX请求会被浏览器拦截，没法获取文件信息。
• 为什么不能直接用window.location.href判断？因为这个方法是直接让浏览器跳转下载，浏览器不会返回文件的状态信息，所以必须先通过AJAX做预检测。

内容的提问来源于stack exchange，提问作者newbie