PHP 下载脚本在通过 AJAX 调用时不起作用

Question

我的服务器上有一个简单的 PHP 脚本，它应该下载给定的文件。如果我直接用 http://myDomain/download.php?filename=mini.gpx

调用它，它工作正常

download.php:

<?php
$dir = 'download/';
$file = $_GET['filename'];
$fqn = $dir . $file;
$fileSize = filesize($fqn);
header("Content-Type: text/xml");
header("Content-Disposition: attachment; filename=\"$file\"");
header("Content-Length: $fileSize");
readfile($fqn);   
?>

但我想从 JavaScript 开始这个脚本。所以我试着用 httpRequest:

function downloadGPXfile(fn) {
    let script = `downloadGPXfile.php?filename=${fn}`;
    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        console.log("state downloadGPXfile: ", this.readyState);
        console.log("status: ", this.status);
    };
    xhr.open('GET', script, true);
    xhr.setRequestHeader('Content-Type', 'text/xml');
    xhr.send();
}

虽然 AJAX 连接似乎成功，但下载对话框并未激活。我做错了什么？或者有其他更简单的解决方案来开始下载吗？

Answer 1

您误解了 XMLHttpRequest 的用途，它主要用于反应性，例如当我们想要加载由 php 生成的列表而无需重新加载页面时，

你可以用它实现它，但因为你不需要它一个简单的方法是打开一个 _blank window 到你给的 link 这样你的函数看起来像

function downloadGPXfile(fn) {
    let script = `downloadGPXfile.php?filename=${fn}`;
window.open('http://website/downloadGPXfile.php?filename=' + fn, '_blank');
}

在下载对话框显示后 window 关闭，因此您的 php 看起来像

<?php
$dir = 'download/';
$file = $_GET['filename'];
$fqn = $dir . $file;
$fileSize = filesize($fqn);
header("Content-Type: text/xml");
header("Content-Disposition: attachment; filename=\"$file\"");
header("Content-Length: $fileSize");
readfile($fqn);   

echo "
<script>
window.close();
</script>";

?>

如果这对您不起作用，但为了清楚起见，window 最多会显示 1 秒然后关闭，您可以使用

function downloadGPXfile(fn) {
let fileurl = `http://website/downloadGPXfile.php?filename=${fn}`;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
    var downloadUrl = URL.createObjectURL(xhttp.response);
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    a.href = downloadUrl;
    a.download = "";
    a.click();
}
};
xhttp.open("GET", fileurl, true);
xhttp.responseType = "blob";
xhttp.send();
}

你看你需要像用户点击一个有对象的东西那样刺激

PHP 下载脚本在通过 AJAX 调用时不起作用

PHP download script does not work when called via AJAX

javascript

php

ajax

header

download