JS下载文件|无刷新下载文件示例代码


Posted in Javascript onApril 17, 2014

后台代码Handler.ashx

<%@ WebHandler Language="C#" Class="Handler" %> using System; 
using System.Web; 
public class Handler : IHttpHandler { 
public void ProcessRequest (HttpContext context) { 
string fileName = "web.config";//客户端保存的文件名 
string filePath = context.Server.MapPath("web.config");//路径 
//以字符流的形式下载文件 
System.IO.FileStream fs = new System.IO.FileStream(filePath, System.IO.FileMode.Open); 
byte[] bytes = new byte[(int)fs.Length]; 
fs.Read(bytes, 0, bytes.Length); 
fs.Close(); 
context.Response.ContentType = "application/octet-stream"; 
//通知浏览器下载文件而不是打开 
context.Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8)); 
context.Response.BinaryWrite(bytes); 
context.Response.Flush(); 
context.Response.End(); 
} 
public bool IsReusable { 
get { 
return false; 
} 
} 
}

前端代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="jquery-1.7.2.min.js" type="text/javascript"></script> 
<title></title> 
<script> 
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> 
</head> 
<body> 
<a href="javascript:void(0);" onclick="download_file('Handler.ashx')">aaaaa</a> 
<a href="javascript:void(0);" onclick="download_file('Handler.ashx')">bbbbb</a> 
<a href="javascript:void(0);" onclick="download_file('Handler.ashx')">ccccc</a> 
</body> 
</html>
Javascript 相关文章推荐
ExtJs的Date格式字符代码
Dec 30 Javascript
JQuery datepicker 使用方法
May 20 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 Javascript
JS实现留言板功能
Jun 17 Javascript
微信小程序自动客服功能
Nov 02 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 #Javascript
在JS中解析HTML字符串示例代码
Apr 16 #Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 #Javascript
javascript打开word文档的方法
Apr 16 #Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 #Javascript
JavaScript两种跨域技术全面介绍
Apr 16 #Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 #Javascript
You might like
php zip文件解压类代码
2009/12/02 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
php数据访问之增删改查操作
2016/05/09 PHP
CI框架简单邮件发送类实例
2016/05/18 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
jquery.validate使用攻略 第三部
2010/07/01 Javascript
用JS控制回车事件的代码
2011/02/20 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
React如何避免重渲染
2018/04/10 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
python实现二分查找算法
2017/09/21 Python
Python装饰器用法实例总结
2018/02/07 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
简单了解python中对象的取反运算符
2019/07/01 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
大学生预备党员自我评价分享
2013/11/16 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
表扬稿范文
2015/01/17 职场文书
入党积极分子群众意见
2015/06/01 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python