php+js实现的无刷新下载文件功能示例
程序员文章站
2022-05-14 16:38:41
本文实例讲述了php+js实现的无刷新下载文件功能。分享给大家供大家参考，具体如下：
服务器端页面
步骤就是，设置头文件参数，然后读入并输出文件。下面代码的file_g...
本文实例讲述了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('http://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函数代替，效率更高。