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 相关文章推荐
Javascript入门学习资料收集整理篇
Jul 06 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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
DSP接收机前端设想
2021/03/02 无线电
一个PHP的String类代码
2010/04/20 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
jquery实现商品拖动选择效果代码(自写)
2013/05/28 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
使用layer弹窗和layui表单实现新增功能
2018/08/09 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
在Python中使用判断语句和循环的教程
2015/04/25 Python
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
PyQT实现多窗口切换
2018/04/20 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
django2.0扩展用户字段示例
2019/02/13 Python
Django框架自定义session处理操作示例
2019/05/27 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
python 弧度与角度互转实例
2020/04/15 Python
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
node中使用shell脚本的方法步骤
2021/03/23 Javascript
银行先进个人事迹材料
2014/05/11 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js