js php实现无刷新下载功能

互联网 20-5-2

js结合php实现下载功能

服务端

步骤就是，设置头文件参数，然后读入并输出文件。下面代码的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> <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函数代替，效率更高。

以上就是js php实现无刷新下载功能的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：下载