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 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
range 标准化之获取
Aug 28 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
Oct 16 Javascript
jQuery实现对象转为url参数的方法
Jan 11 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 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中用foreach来操作数组的代码
2011/07/17 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python list转dict示例分享
2014/01/28 Python
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
会计应届生的自荐信
2013/12/13 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
文化宣传方案
2014/03/13 职场文书
医学生就业推荐表自我鉴定
2014/03/26 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
党性观念心得体会
2014/09/03 职场文书
离婚协议书包括哪些内容
2014/10/16 职场文书
退伍军人感言
2015/08/01 职场文书
Python借助with语句实现代码段只执行有限次
2022/03/23 Python