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控制iframe滚动的代码
Apr 10 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
AngularJS使用ng-options指令实现下拉框
Aug 23 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
小程序接入腾讯位置服务的详细流程
Mar 03 Javascript
javascript实现一款好看的秒表计时器
Sep 05 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代码
2010/08/08 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
2013/10/25 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
layui监听工具栏的实例(操作列表按钮)
2019/09/10 Javascript
Python输出9*9乘法表的方法
2015/05/25 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python中 * 的用法详解
2019/07/10 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
python的命名规则知识点总结
2019/10/04 Python
Python @property及getter setter原理详解
2020/03/31 Python
Python sorted对list和dict排序
2020/06/09 Python
最新Python idle下载、安装与使用教程图文详解
2020/11/28 Python
python绘图模块之利用turtle画图
2021/02/12 Python
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
人力资源部门的主要职能
2014/02/22 职场文书
大家访活动实施方案
2014/03/10 职场文书
保险专业求职信
2014/07/07 职场文书
2014年仓库保管员工作总结
2014/12/03 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python
利用python实时刷新基金估值(摸鱼小工具)
2021/09/15 Python