当前位置：首页 > PHP教程 > php上传下载 > 列表

js php实现无刷新下载功能

发布:smiling　来源: PHP粉丝网 　添加日期：2022-06-11 08:56:06　浏览: 评论：0　

js结合php实现下载功能

服务端

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

download.php

  1. <?php 
  2.  
  3. $filename = $_GET['filename']; 
  4.  
  5. $path = __DIR__."/file/".$filename; 
  6.  
  7. header( "Content-type: application/octet-stream"); 
  8.  
  9. header( "Accept-Ranges: bytes "); 
  10.  
  11. header( "Accept-Length: " .filesize($filename)); 
  12.  
  13. header( "Content-Disposition: attachment; filename={$filename}"); 
  14.  
  15. echo file_get_contents($filename); 

客户端

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

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

  1. <!DOCTYPE html> 
  2.  
  3. <html> 
  4.  
  5. <head> 
  6.  
  7.   <meta charset="UTF-8"> 
  8.  
  9.   <title>Title</title> 
  10.  
  11. </head> 
  12.  
  13. <body> 
  14.  
  15. <a href="javascript：download_file('http://localhost/download.php?filename=\" rel="external nofollow" 测试文件.doc\"')">下载</a> 
  16.  
  17. <script type="text/javascript"> 
  18.  
  19.   function download_file(url) 
  20.  
  21.   { 
  22.  
  23.     if (typeof (download_file.iframe) == "undefined") 
  24.  
  25.     { 
  26.  
  27.       var iframe = document.createElement("iframe"); 
  28.  
  29.       download_file.iframe = iframe; 
  30.  
  31.       document.body.appendChild(download_file.iframe); 
  32.  
  33.     } 
  34.  
  35.     //alert(download_file.iframe); 
  36.  
  37.     download_file.iframe.src = url; 
  38.  
  39.     download_file.iframe.style.display = "none"; 
  40.  
  41.   } 
  42.  
  43. </script> 
  44.  
  45. </body> 
  46.  
  47. </html> 

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

Tags: php无刷新下载 js无刷新下载

分享到：

相关文章

推荐文章

热门文章

最新评论文章