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 相关文章推荐
固定表格行列(expression)在IE下适用
Jul 25 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 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 fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
php7性能提升的原因详解
2019/10/13 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
简单实现js进度条加载效果
2020/03/25 Javascript
原生JavaScrpit中异步请求Ajax实现方法
2017/11/03 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
会计电算化专业个人的自我评价
2013/11/24 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
人民的好儿女观后感
2015/06/18 职场文书