js下载文件的实现方法一
f8b
js下载文件的实现方法及注意
js中实现文件下载
(一)
最简单的方式是在页上做超级链接如:<a href="music/abc.m3">下载</a>。
但是这样服务器上的目录资源会直接暴露给最终用户会给站带来一些不安全的因素。
因此可以采用其它方式实现下载可以采用:
1、RequestDisatcher的方式进行;
2、采用文件流输出的方式下载。(推荐)
1、采用RequestDisatcher的方式进行
Js代码
<%
resonse.setContentTye("alication/x-download");//设置为下载alication/x-download
String filedownload = "/要下载的文件名";//即将下载的文件的相对径
String filedislay = "最终要显示给用户的保存文件名";//下载文件时显示的文件保存名称
String filenamedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);
try
{
RequestDisatcher dis = alication.getRequestDisatcher(filedownload);
if(dis!= null)
{
dis.forward(request,resonse);
}
resonse.flushBuffer();
}
catch(Excetion e)
{
e.rintStackTrace();
}
finally
{
}
%>
<%
resonse.setContentTye("alication/x-download");//设置为下载alication/x-download
String filedownload = "/要下载的文件名";//即将下载的文件的相对径
String filedislay = "最终要显示给用户的保存文件名";//下载文件时显示的文件保存名称
String filenamedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);
try
{
RequestDisatcher dis = alication.getRequestDisatcher(filedownload);
if(dis!= null)
{
dis.forward(request,resonse);
}
resonse.flushBuffer();
}
catch(Excetion e)
{
e.rintStackTrace();
}
finally
{
}
%>
2、采用文件流输出的方式下载
Js代码
<%age language="java" contentTye="alication/x-msdownload"
ageEncoding="gb2312"%>
<%
//关于文件下载时采用文件流输出的方式处理:
//加上resonse.reset()并且所有的%>后面不要换行包括最后一个;
resonse.reset();//可以加也可以不加
resonse.setContentTye("alication/x-download");
//alication.getRealath("/main/mvlayer/CaSetu.msi");获取的物理径
String filedownload = "想办法找到要提下载的文件的物理径+文件名";
String filedislay = "给用户提的下载文件名";
String filedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);
java.io.OututStream out =
null;
java.io.FileInutStream in = null;
try
{
out = resonse.getOututStream();
in = new FileInutStream(filenamedownload);
byte[] b = new byte[1024];
int i = 0;
while((i = in.read(b)) > 0)
out.write(b, 0, i);
}
//
out.flush();
//要加以下两句话否则会报错
//https://www.doczj.com/doc/1311263884.html,ng.IllegalStateExcetion: getOututStream() has already been called for //this resonse
out.clear();
out = https://www.doczj.com/doc/1311263884.html,hBody();
}
catch(Excetion e)
{
System.out.rintln("Error!");
e.rintStackTrace();
}
finally
{
if(in != null)
{
in.close();
in = null;
//这里不能关闭
//if(out != null)
//{
//out.close();
//out = null;
//}
}
%>
<%age language="java" contentTye="alication/x-msdownload"
ageEncoding="gb2312"%>
<%
//关于文件下载时采用文件流输出的方式处理:
//加上resonse.reset()并且所有的%>后面不要换行包括最后一个;
resonse.reset();//可以加也可以不加
resonse.setContentTye("alication/x-download");
//alication.getRealath("/main/mvlayer/CaSetu.msi");获取的物理径
String filedownload = "想办法找到要提下载的文件的物理径+文件名";
String fi
fc1
ledislay = "给用户提的下载文件名";
String filedislay = URLEncoder.encode(filedislay,"UTF-8"); resonse.addHeader("Content-Disosition","attachment;filena me=" + filedislay);
java.io.OututStream out = null;
java.io.FileInutStream in = null;
try
{
out = resonse.getOututStream();
in = new FileInutStream(filenamedownload);
byte[] b = new byte[1024];
int i = 0;
while((i = in.read(b)) > 0)
{
out.write(b, 0, i);
}
//
out.flush();
//要加以下两句话否则会报错
//https://www.doczj.com/doc/1311263884.html,ng.IllegalStateExcetion: getOututStream() has already been called for //this resonse
out.clear();
out = https://www.doczj.com/doc/1311263884.html,hBody();
}
catch(Excetion e)
{
System.out.rintln("Error!");
e.rintStackTrace();
}
finally
{
if(in != null)
{
in.close();
in = null;
}
//这里不能关闭
//if(out != null)
//{
//out.close();
//out = null;
//}
}
%>
对于第二种方法我认为应该是比较常用的。不过有几个地方是值得我们注意的:
一、采用第二种方法的主要优点是实际文件的存放径对客户端来说是透明的。
这个文件可以存在于任何你的服务器能够取得到的地方而客户端不一定能直接得到。例如文件来自于数据库或者内部络的一个FT服务器。还句话说这种方式可以实现隐藏实际文件的URL。
二、为了防止客户端浏览器直接打开目标文件(例如在装了MS Office套
件的Windows
中的IE浏览器可能就会直接在IE浏览器中打开你想下载的doc或者xls文件)你必须在响应头里加入强制下载的MIME类型:
resonse.setContentTye("alication/force-download");//设置为下载alication/force-download
这样就可以保证在用户下载链接的时候浏览器一定会弹出提示窗口来询问你是下载还是直接打开并允许你选择要打开的应用程序除非你设置了浏览器的一些默认行为。
或者你想让客户端自行处理各种不同的文件类型你可以在服务器的配置文件中配置MIME类型映射通过简单的判断文件后缀名来处理。例如在Tomcat中设置MIME响应类型:
如果文件在客户端中的响应程序类型和期望不一致修改$TOMCAT_HOME\conf\web.xml文件中的如下部分:
<mime-maing>
<extension>zi</extension>
<mime-tye>alication/zi</mime-tye>
</mime-maing>
<mime-maing>
<extension>mht</extension>
<mime-tye>message/rfc822</mime-tye>
</mime-maing>
……
三、在响应头中尽量不要设置浏览器缓存期限。
有时候用户在了下载链接后在弹出窗口中用户想直接“打开”而不想保存到指定径。这时候如果我们在响应头中限制了不允许使用浏览器缓存(即总是刷新)在IE浏览器中我们将无法直接打开该文件。因为限制了不允许使用缓存浏览器无法将文件保存到临时文件夹(即缓存)。
也就是说在响应头中不要进行如下的设置(已注释):
//resonse.addHeader("ragma","NO-cache");
//resonse.addHeader("Cache-Control","no-cache"); //resonse.addDateHeader("Exries",0);
四、文件名为中文或其他unicode字符时的处理。
有时候提下载的文件名中包含中文字符或者其他unicode字符会导致浏览器无法正确的采用默认的文件名保存文件。我们应该记住在响应头中包含filename字段并采用ISO8859-1编码(推荐)或者采用UTF-8编码:resonse.setHeader("Content-disosition","attachment; filename="+new
String(filename.getBytes("UTF-8"),"iso8859-1")); //采用ISO8859-1编码
resonse.setHeader("Content-disosition","attachment; filename="+URLEncoder.encode(filename, "UTF-8")); //采用UTF-8编码
但是这种方式在不同的浏览器中表现也有所不同。例如在IE和Firefox中采用ISO8859-1编码可以正确显示文件名而在Oera中不管采用那种编码默认保存的文件名都无法做到正确显示。
所以最好的方法其实就是尽量在文件名中使用ascii编码。
五、由于采用流的方式进行输入输出我们必须保证在使用完毕后关闭流的资源。
一般我们把关闭流的操作放在finally块中以保证在程序段结束前一定会关闭流的资源:
InutStream is = null;
ServletOututStream sos = null;
try {
is
= ...; //通过某种方式读进数据到输入流
sos = resonse.getOututStream(); //打开输入流
byte[] buff = new byte[2048];
int bytesRead;
while(-1 != (bytesRead = bis.read(buff, 0, buff.length))) { sos.write(buff,0,bytesRead);
sos.flush();
}
} catch(IOExcetion ex) {
//TODO something with IOExcetion
} catch(Excetion ex) {
//TODO somethin
9b
g with Excetion
} finally {
if(is != null) {
is.close(); //关闭输入流
}
if(sos != null) {
sos.close(); //关闭输入流
}
}
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页 页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码加入
区域中 其中20指每隔20秒刷新一次页面.经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个链接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面非常容易,只要往该页面的HTML里加入几段javascript代码即可实现。下面我就带你剖析它的奥秘。 【最基本的弹出窗口代码】 其实代码非常简单: 因为这是一段javascript代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。 Window.open ('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。 用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,加入到
和之间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使页面早点弹出就尽量往前放。 【经过设置后的弹出窗口】 下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。 "); //关闭,父窗口和子窗口都不弹出对话框,直接关闭 this.Response.Write(""); //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有 this.Response.Write(""); //弹出窗口刷新当前页面 this.Response.Write(""); this.Response.Write(" "); //关闭当前子窗口,刷新父窗口 this.Response.Write(""); this.Response.Write(""); //子窗口刷新父窗口 this.Response.Write(""); this.Response.Write("");『总结』JS常用方法与片段 1.javascript删除元素节点IE中有这样一个方 法:removeNode(),这个方法在IE下是好使的,但是在Firefox等标准浏览器中就会报错了removeNode is not defined,但是在核心JS中有一个操作DOM节点的方法叫:removeChild()。我们可以先去找到要删除节点的父节点,然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法叫removeElement:function removeElement(_element){ var _parentElement = _element.parentNode; if(_parentElement){ _parentElement.rem oveChild(_element); }}2.js sort方法根据数组中对象的某一个属性值进行升序或者降序排列/**数组根据数 组对象中的某个属性值进行排序的方法* 使用例子:newArray.sort(sortBy('number'),false) //表示根据number属性降序排列;若第二个参数不传递,默认表示升序排序* @param attr 排序的属性如number属性* @param rev true表示升序排列,false降序排序* */ sortBy: function(attr,rev){ //第二个参数没有传递默认升序排列if(rev == undefined){ rev = 1; }else{ rev = (rev) ? 1 : -1; }
return function(a,b){ a = a[attr]; b = b[attr]; if(a return rev * -1; } if(a > b){ return rev * 1; } return 0; } }3.charCodeAt()用法:charCodeAt() 方法可返回指定位置的字符的Unicode 编码。这个返回值是0 - 65535 之间的整数 语法:stringObject.charCodeAt(index) index参数必填,表示字符串中某个位置的数字,即字符在字符串中的下标。 注:字符串中第一个字符的下标是0。如果index 是负数,或大于等于字符串的长度,则charCodeAt() 返回NaN。例如:var str='Hello world!'document.write(str.charCodeAt(1))//结果:1014.js 页面刷新location.reload和location.replace的区别小结reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数:bForceGet,可选参数,默认为false,从客户端缓存里取当前页。true, 则以GET 方式,从服务端取最新的页面, 相当于客户端点击F5(“刷新”)replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来
网页常用小技巧 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no |
由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况: 1.真正的关闭浏览器(a.点击关闭按钮b.右击任务栏关闭c.按alt+F4关闭) 2.刷新浏览器。 那如何判断区分这两种动作呢? 一. Javascript代码处理方法: function window.onbeforeunload() { //用户点击浏览器右上角关闭按钮或是按alt+F4关闭 if(event.clientX> { // alert("点关闭按钮"); document.getElementById("hiddenForm:hiddenBtn").click(); // "确定要退出本页吗?"; } //用户点击任务栏,右键关闭。s或是按alt+F4关闭 else if(event.clientY > || event.altKey) { // alert("任务栏右击关闭"); document.getElementById("hiddenForm:hiddenBtn").click(); // "确定要退出本页吗?"; } //其他情况为刷新 else { // alert("刷新页面"); } } 其中event.clientX //鼠标光标X坐标 //窗体工作区宽度 event.clientY //鼠标光标Y坐标 event.altKey //是否按下alt键 二. 事件捕捉方法:
" ); } 第三: private void Button3_Click( object sender, System.EventArgs e ) { Response.AddHeader( "Refresh","0" ); } 第四: private void Button6_Click( object sender, System.EventArgs e ) { //Response.Write( " " ); } 第五:(需替换<>) "); 四、JS刷新框架的脚本语句 1.如何刷新包含该框架的页面用 复制代码代码如下: 2.子窗口刷新父窗口 复制代码代码如下: 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 刷新本页: Response.Write("") 刷新父页: Response.Write("") 转到指定页: Response.Write("") 刷新页面实现方式总结(HTML,ASP,JS) 'by aloxy 定时刷新: 1, 说明:url是要刷新的页面URL地址 2000是等待时间=2秒, 2,说明: n is the number of seconds to wait before loading the specified URL. url is an absolute URL to be loaded. n,是等待的时间,以秒为单位 url是要刷新的页面URL地址 3, 说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect 刷新。 4,刷新框架页 〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload(); 弹出窗体后再刷新的问题 Response.Write("");//open Response.Write(""); 在子窗体页面代码head中加入 刷新的内容加在if (!IsPostBack) 中 在框架页中右面刷新左面 //刷新框架页左半部分 Response.Write(""); 页面定时刷新功能实现 有三种方法: 1,在html中设置: 之后加入下面这一行即可! 定时刷新: 10代表刷新间隔,单位为秒 2.jsp 每一秒刷新一次
JS监听关闭浏览器事件 关键字: js监听关闭浏览器事件 Onunload与Onbeforeunload Onunload,onbeforeunload都是在刷新或关闭时调用,可以在
Java代码 这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件. 这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.Java代码 通常应用在注销session等等登陆信息等方面.... 通常应用在注销session等等登陆信息等方面....Java代码 这里一并推荐一个ActionScript3的好教程: https://www.doczj.com/doc/1311263884.html,/talks/as3workshop/ 这里一并推荐一个ActionScript3的好教程: https://www.doczj.com/doc/1311263884.html,/talks/as3workshop/写道 运用onunload事件判断浏览器是刷新还是关闭窗口 写道 function CloseOpen(event) { if(event.clientX<=0 && event.clientY<0) { alert("关闭"); } else { alert("刷新或离开"); } } Java代码 window.onbeforeunload = function() //author: meizz { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth-20; if(b && window.event.clientY < 0 || window.event.altKey) { alert("是关闭而非刷新"); window.event.returnValue = ""; //这里可以放置你想做的操作代码} } 开新窗口: 123