在Framework7中通过Ajax请求下载文件：解决Blob空白文件问题

$f7.request({
  method: 'POST',
  url: urlofwebsite + 'api/getFile.php',
  crossDomain: true,
  data: {
    fakeid: idoffile,
    iduser: iduser, // 用于安全校验
    time: timeoflogin // 用于安全校验
  },
  success: function(data, status, xhr) {
    // 尝试从接收到的数据创建Blob
    var blob = new Blob([data], {
      type: 'application/pdf'
    });
    var url = window.URL.createObjectURL(blob);
    var fileName = 'test.pdf'; // 暂时硬编码文件名

    var link = document.createElement('a');
    link.href = url;
    link.download = fileName;
    link.click();
    window.URL.revokeObjectURL(url); // 释放URL对象
  },
  error: function(xhr, status) {
    console.error('文件下载请求失败:', status);
    // 处理错误
  }
});

<?php
// 假设 $res['url'] 包含了文件的相对路径
// 实际应用中，这里需要根据请求参数（如 fakeid, iduser）来确定文件路径，并进行安全校验
$file = $_SERVER['DOCUMENT_ROOT'] . $res['url']; 

// 直接读取文件内容并输出
readfile($file);
exit;
?>

$f7.request({
  method: 'POST',
  url: urlofwebsite + 'api/getFile.php',
  crossDomain: true,
  data: {
    fakeid: idoffile,
    iduser: iduser,
    time: timeoflogin
  },
  xhrFields: {
    responseType: 'blob' // 关键：指定XHR响应类型为blob
  },
  success: function(data, status, xhr) {
    // 此时 data 已经是服务器返回的 Blob 对象
    var blob = data; 
    var url = window.URL.createObjectURL(blob);
    var fileName = 'downloaded_file.pdf'; // 默认文件名

    // 尝试从响应头中获取文件名 (如果服务器设置了 Content-Disposition)
    var contentDisposition = xhr.getResponseHeader('Content-Disposition');
    if (contentDisposition) {
      // 匹配文件名，处理UTF-8编码的特殊情况
      var filenameMatch = contentDisposition.match(/filename\*?=['"]?(?:UTF-8''|)([a-zA-Z0-9%\.\-_ ]+)['"]?/i);
      if (filenameMatch && filenameMatch[1]) {
        fileName = decodeURIComponent(filenameMatch[1]);
      }
    }

    var link = document.createElement('a');
    link.href = url;
    link.download = fileName; // 使用获取到的文件名
    document.body.appendChild(link); // 某些浏览器需要将link添加到DOM
    link.click();
    document.body.removeChild(link); // 移除link
    window.URL.revokeObjectURL(url); // 释放URL对象，防止内存泄漏
  },
  error: function(xhr, status) {
    console.error('文件下载失败:', status);
    // 根据 xhr.status 或 xhr.responseText 处理错误
    if (xhr.status === 404) {
      $f7.dialog.alert('文件未找到！');
    } else {
      $f7.dialog.alert('文件下载出错，请稍后再试。');
    }
  }
});

<?php
// 1. 安全校验与文件路径确定
// 实际应用中，这里应根据POST请求中的 idoffile, iduser 等参数
// 从数据库或文件系统中安全地获取文件路径，并进行用户权限校验。
// 以下为示例，请替换为您的实际逻辑。
$fakeId = $_POST['fakeid'] ?? '';
$idUser = $_POST['iduser'] ?? '';
$time = $_POST['time'] ?? '';

// 示例：根据 fakeId 查找文件路径
$filePath = '';
if ($fakeId === 'some_id_from_client') { // 替换为您的实际文件ID判断逻辑
    $filePath = $_SERVER['DOCUMENT_ROOT'] . '/uploads/documents/example.pdf'; // 替换为您的文件存储路径
} else {
    // 文件ID无效或无权限
    header("HTTP/1.0 403 Forbidden");
    exit("Access Denied or Invalid File ID.");
}

// 2. 检查文件是否存在
if (!file_exists($filePath)) {
    header("HTTP/1.0 404 Not Found");
    exit("File not found.");
}

// 3. 获取文件信息
$fileName = basename($filePath); // 获取文件名
$fileSize = filesize($filePath); // 获取文件大小
// 尝试获取MIME类型，需要php_fileinfo扩展
$fileMimeType = 'application/octet-stream'; // 默认通用二进制流
if (function_exists('mime_content_type')) {
    $fileMimeType = mime_content_type($filePath);
} elseif (function_exists('finfo_open')) {
    $finfo = finfo_open(FILEINFO_MIME_TYPE);
    $fileMimeType = finfo_file($finfo, $filePath);
    finfo_close($finfo);
}

// 4. 设置HTTP响应头
header('Content-Type: ' . $fileMimeType);
// 使用 urlencode 处理文件名，确保特殊字符兼容性
header('Content-Disposition: attachment; filename="' . urlencode($fileName) . '"');
header('Content-Length: ' . $fileSize);
header('Cache-Control: private, max-age=0, must-revalidate');
header('Pragma: public');
header('Expires: 0');

// 5. 清除输出缓冲区并输出文件内容
// 确保在 readfile 之前没有其他内容输出，否则可能导致文件损坏
ob_clean(); // 清除所有缓冲区内容
flush();    // 刷新系统输出缓冲区

readfile($filePath); // 读取文件并直接输出
exit;
?>