通过ajax调用php下载文件

IT技术 php javascript ajax download
2021-01-16 23:00:08

我有一个按钮,onclick它会调用一个 ajax 函数。

这是我的 ajax 函数

function csv(){

    ajaxRequest = ajax();//ajax() is function that has all the XML HTTP Requests

    postdata = "data=" + document.getElementById("id").value;

    ajaxRequest.onreadystatechange = function(){
        var ajaxDisplay = document.getElementById('ajaxDiv');
        if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
            ajaxDisplay.innerHTML = ajaxRequest.responseText;           
        }
    }

    ajaxRequest.open("POST","csv.php",false);
    ajaxRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajaxRequest.send(postdata);
}

我根据用户输入创建了 csv 文件。创建后我希望它提示下载或强制下载(最好是强制)。我在 php 文件的末尾使用以下脚本来下载文件。如果我在单独的文件中运行此脚本,则它可以正常工作。

$fileName = 'file.csv';
$downloadFileName = 'newfile.csv';

if (file_exists($fileName)) {
    header('Content-Description: File Transfer');
    header('Content-Type: text/csv');
    header('Content-Disposition: attachment; filename='.$downloadFileName);
    ob_clean();
    flush();
    readfile($fileName);
    exit;
}
echo "done";

但是如果我在 csv.php 的末尾运行它,它会将 file.csv 的内容输出到页面中(进入 ajaxDiv)而不是下载。

有没有办法在 csv.php 的末尾强制下载文件?

5个回答

AJAX 不用于下载文件。以下载链接为地址弹出一个新窗口,或执行document.location = ....

我无法设置 window.location 因为我需要为我的请求设置一些特殊的标题
2021-03-11 23:00:08
为什么 AJAX 不用于下载文件?
2021-03-22 23:00:08
我相信从技术上讲最好设置window.location; 看到这个讨论:stackoverflow.com/questions/7857878/...
2021-03-23 23:00:08

使用 jQuery 的一个非常简单的解决方案:

在客户端:

$('.act_download_statement').click(function(e){
    e.preventDefault();
    form = $('#my_form');
    form.submit();
});

在服务器端,确保你发回正确的Content-Type标题,这样浏览器就会知道它是一个附件,下载就会开始。

+1 这对我来说非常有用,可以将数据发布到服务器并获取 ZIP 文件下载作为响应。没有页面重新加载。
2021-03-11 23:00:08
代码很好,但会发生什么错误,它被重定向到一个不需要的错误页面
2021-03-14 23:00:08
您能否提供更多细节并提供一些有关两端发生的情况的代码?
2021-03-17 23:00:08
如果我想暂时展示一些加载器,业务逻辑正在实现和创建文件内容怎么办。
2021-03-17 23:00:08

@joe:非常感谢,这是一个很好的提醒!

我遇到了一个稍微困难的问题:1. 发送带有 POST 数据的 AJAX 请求,以便服务器生成 ZIP 文件 2. 获得响应 3. 下载 ZIP 文件

所以我就是这样做的(使用 JQuery 处理 AJAX 请求):

  1. 初始发布请求:

    var parameters = {
         pid     : "mypid",
       "files[]": ["file1.jpg","file2.jpg","file3.jpg"]
    }
    
    

    var options = { url: "request/url",//replace with your request url type: "POST",//replace with your request type data: parameters,//see above context: document.body,//replace with your contex success: function(data){ if (data) { if (data.path) { //Create an hidden iframe, with the 'src' attribute set to the created ZIP file. var dlif = $('<iframe/>',{'src':data.path}).hide(); //Append the iFrame to the context this.append(dlif); } else if (data.error) { alert(data.error); } else { alert('Something went wrong'); } } } }; $.ajax(options);

“请求/网址”处理 zip 创建(离题,所以我不会发布完整代码)并返回以下 JSON 对象。就像是:

 //Code to create the zip file
 //......
 //Id of the file
 $zipid = "myzipfile.zip"
 //Download Link - it can be prettier
 $dlink = 'http://'.$_SERVER["SERVER_NAME"].'/request/download&file='.$zipid;
 //JSON response to be handled on the client side
 $result = '{"success":1,"path":"'.$dlink.'","error":null}';
 header('Content-type: application/json;');
 echo $result;

如果需要,“请求/下载”可以执行一些安全检查,并生成文件传输:

$fn = $_GET['file'];
if ($fn) {
  //Perform security checks
  //.....check user session/role/whatever
  $result = $_SERVER['DOCUMENT_ROOT'].'/path/to/file/'.$fn;
  if (file_exists($result)) {
    header('Content-Description: File Transfer');
    header('Content-Type: application/force-download');
    header('Content-Disposition: attachment; filename='.basename($result));
    header('Content-Transfer-Encoding: binary');
    header('Expires: 0');
    header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
    header('Pragma: public');
    header('Content-Length: ' . filesize($result));
    ob_clean();
    flush();
    readfile($result);
    @unlink($result);
  }

}
只是 & 需要更改为 ? 对于查询字符串。尽管如此,感谢您提供的出色帮助!- 我试图做一个编辑,但它太小了,我不允许!!$dlink = 'http://'.$_SERVER["SERVER_NAME"].'/request/download?file='.$zipid;
2021-03-16 23:00:08

我已经用一个隐藏的 iframe 完成了这个。我使用 perl,而不是 php,所以只会给出概念,而不是代码解决方案。

客户端向服务器发送 Ajax 请求,导致生成文件内容。这将在服务器上保存为临时文件,并将文件名返回给客户端。

客户端 (javascript) 接收文件名,并将 iframe src 设置为将传递文件的某个 url,例如:

$('iframe_dl').src="/app?download=1&filename=" + the_filename

服务器 slurps 文件,取消链接,并将流发送到客户端,带有以下标头:

Content-Type:'application/force-download'
Content-Disposition:'attachment; filename=the_filename'

奇迹般有效。

“slurps”是一个技术术语吗?
2021-04-10 23:00:08

不能直接通过ajax下载文件。

您可以在页面上放置一个带有指向您的文件的 URL 的链接(从 ajax 调用返回),或者另一种方法是使用隐藏iframeiframe动态设置该源的 URL 这样您就可以在不刷新页面的情况下下载文件。

这是代码

$.ajax({
    url : "yourURL.php",
    type : "GET",
    success : function(data) {
        $("#iframeID").attr('src', 'downloadFileURL');
    }
});
在您的 ajax 成功响应中,您可以设置隐藏的 iframe src
2021-03-12 23:00:08
发布相关代码将有助于说明您在这里想说的内容。
2021-03-17 23:00:08