-
php+js实现的无刷新下载文件功能示例
本文实例讲述了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函数代替,效率更高。
出处:http://www.phpfensi.com/php/20211211/19050.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式