PHP和JS如何实现无刷新下载文件功能？

2026-04-02 05:591阅读0评论SEO资讯

内容介绍
文章标签
相关推荐

本文共计586个文字，预计阅读时间需要3分钟。

本示例介绍了PHP+JS实现的无刷新下载文件功能。以下为具体步骤和代码：

服务器端页面：

1.设置头部文件参数。

2.读取并输出文件内容。

代码示例：

php

// 读取并输出文件内容echo file_get_contents(file_path/file_name.txt);?>

客户端JavaScript代码（调用此页面）：

javascript// 使用AJAX进行无刷新下载function downloadFile() { var xhr=new XMLHttpRequest(); xhr.open(GET, server_page.php, true); xhr.responseType=blob; // 设置响应类型为blob xhr.onload=function () { if (xhr.status===200) { var blob=new Blob([xhr.response], { type: application/octet-stream }); var link=document.createElement(a); link.href=window.URL.createObjectURL(blob); link.download=file_name.txt; // 设置下载文件名 document.body.appendChild(link); link.click(); document.body.removeChild(link); window.URL.revokeObjectURL(link.href); // 释放创建的URL对象 } }; xhr.send();}

// 调用下载函数downloadFile();

本文实例讲述了php+js实现的无刷新下载文件功能。分享给大家供大家参考，具体如下：

服务器端页面

步骤就是，设置头文件参数，然后读入并输出文件。下面代码的file_get_contents可以使用fread，fclose代替。

download.php

<?php $filename = $_GET['filename']; $path = __DIR__."/file/".$filename; Header( "Content-type: application/octet-stream"); Header( "Accept-Ranges: bytes "); Header( "Accept-Length: " .filesize($filename)); header( "Content-Disposition: attachment; filename={$filename}"); echo file_get_contents($filename);

前端页面

在很多时候，我们下载文件的操作，都是在前端页面直接点击下载的，而不是专门跳转到上面的download.php去下载。

所以我们需要在前端实现无刷新访问download.php来下载文件，通过隐藏的iframe来实现是不错的方式。下面是代码：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="javascript:download_file('localhost/download.php?filename=\" rel="external nofollow" 测试文件.doc\"')">下载</a> <script type="text/javascript"> function download_file(url) { if (typeof (download_file.iframe) == "undefined") { var iframe = document.createElement("iframe"); download_file.iframe = iframe; document.body.appendChild(download_file.iframe); } //alert(download_file.iframe); download_file.iframe.src = url; download_file.iframe.style.display = "none"; } </script> </body> </html>

file_get_contents先读取，然后echo的方式。可以使用readfile函数代替，效率更高。

更多关于PHP相关内容感兴趣的读者可查看本站专题：《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》及《PHP网络编程技巧总结》

希望本文所述对大家PHP程序设计有所帮助。

标签：无刷新下载文件功能