关于JS或<a>标签实现文件下载的功能。
现在有个struts2项目,项目里面有个文件夹file_upload用来存放一个rar文件。现在页面有个超链接<a>点击下载</a>,我希望点击这个超链接,可以把file...
现在有个struts2项目,项目里面有个文件夹file_upload用来存放一个rar文件。现在页面有个超链接<a>点击下载</a>,我希望点击这个超链接,可以把file_upload文件夹内的那个rar文件下载到本地。望高手帮忙解决。可以直接用a标签的话最好,也可以用JS来完成。先谢了!
展开
3个回答
2015-07-12
展开全部
使用JS实现文件下载示例(asp.net),参考如下:
<title>文件下载</title>
</head>
<script type="text/javascript" >
// 使用JS实现下载.jpg、.doc、.txt、.rar、.zip等文件的方法(参数 imgOrURL 为需要下载的图片的URL地址)
// 使用该方法实现下载压缩文件时会有网页错误信息提示
// .doc、.rar、.zip 文件可以直接通过文件地址下载,
// 如:<a href="../Images/test.doc" >点击下载文件</a> <a href="../Images/test.zip" >点击下载文件</a>
function saveImageAs(imgOrURL) {
if (typeof imgOrURL == 'object')
imgOrURL = imgOrURL.src;
window.win = open (imgOrURL);
setTimeout('win.document.execCommand("SaveAs")', 500);
}
// 使用JS实现下载.txt、.doc、.txt、.rar、.zip等文件的方法(参数 fileURL 为需要下载的图片的URL地址)
// 使用该方法实现下载压缩文件时不会有网页错误信息,但是不能使用该方法下载.jpg图片文件
// .doc、.rar、.zip 文件可以直接通过文件地址下载,
// 如:<a href="../Images/test.doc" >点击下载文件</a> <a href="../Images/test.zip" >点击下载文件</a>
function savetxt(fileURL){
var fileURL=window.open (fileURL,"_blank","height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no");
fileURL.document.execCommand("SaveAs");
fileURL.window.close();
fileURL.close();
}
// 功能类似savetxt方法,但是下载时初始文件名为code.txt,而不是跟目标文件名相同
function svcode(obj) {
var winname = window.open('', '_blank', 'height=1,width=1,top=200,left=300');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.txt');
winname.close();
}
</script>
<body>
<div>
<br />
<a href="javascript: void 0" onclick="savetxt('../Images/test.txt'); return false">点击下载文件</a>
<br /><br />
<a href="javascript:savetxt('../Images/test.txt')" >点击下载文件</a>
<br /><br />
<!-- .doc、.rar、.zip 文件可以直接通过文件所在地址下载 -->
<a href="../Images/test.doc" >点击下载文件</a>
<br /><br />
<a href="../Images/test.zip" >点击下载文件</a>
</div>
</body>
<title>文件下载</title>
</head>
<script type="text/javascript" >
// 使用JS实现下载.jpg、.doc、.txt、.rar、.zip等文件的方法(参数 imgOrURL 为需要下载的图片的URL地址)
// 使用该方法实现下载压缩文件时会有网页错误信息提示
// .doc、.rar、.zip 文件可以直接通过文件地址下载,
// 如:<a href="../Images/test.doc" >点击下载文件</a> <a href="../Images/test.zip" >点击下载文件</a>
function saveImageAs(imgOrURL) {
if (typeof imgOrURL == 'object')
imgOrURL = imgOrURL.src;
window.win = open (imgOrURL);
setTimeout('win.document.execCommand("SaveAs")', 500);
}
// 使用JS实现下载.txt、.doc、.txt、.rar、.zip等文件的方法(参数 fileURL 为需要下载的图片的URL地址)
// 使用该方法实现下载压缩文件时不会有网页错误信息,但是不能使用该方法下载.jpg图片文件
// .doc、.rar、.zip 文件可以直接通过文件地址下载,
// 如:<a href="../Images/test.doc" >点击下载文件</a> <a href="../Images/test.zip" >点击下载文件</a>
function savetxt(fileURL){
var fileURL=window.open (fileURL,"_blank","height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no");
fileURL.document.execCommand("SaveAs");
fileURL.window.close();
fileURL.close();
}
// 功能类似savetxt方法,但是下载时初始文件名为code.txt,而不是跟目标文件名相同
function svcode(obj) {
var winname = window.open('', '_blank', 'height=1,width=1,top=200,left=300');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.txt');
winname.close();
}
</script>
<body>
<div>
<br />
<a href="javascript: void 0" onclick="savetxt('../Images/test.txt'); return false">点击下载文件</a>
<br /><br />
<a href="javascript:savetxt('../Images/test.txt')" >点击下载文件</a>
<br /><br />
<!-- .doc、.rar、.zip 文件可以直接通过文件所在地址下载 -->
<a href="../Images/test.doc" >点击下载文件</a>
<br /><br />
<a href="../Images/test.zip" >点击下载文件</a>
</div>
</body>
2011-05-06
展开全部
这个一般是用在列表就是模板有循环输出的,如果知道是固定的就没多大意思了,我这边给你部分代码,主要给你思路
//美食分类
<!---->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle()"></label></div>
<!---->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle(0)">所有美食</label></div>
//这是模板美食列表注意DIV的ID
<!---->
<div id="tab"> 列表内容....</div>
<!---->
//一个隐藏域
<input type="hidden" id="cate_id_str" value="">
说明 :这个是那些的值(同时也和上面的这个的相等,就是分类的id,这个美食列表的键值就是对应的分类id的值)的字符串(用逗号隔开,可以在后台处理好)
好了,js代码
<script type="text/javascript">
function toggle(num){
var str = $('#cate_id_str').val();//得到那个ID的字符串
var str_array = new Array();
str_array = str.split(','); //分割成数组
for(var i=0;i < str_array.length;i++){
if(str_array[i]!='' && str_array[i]!=null){
//这个是显示所有分类下的美食列表
if(num==0){
var id='#tab'+str_array[i];//获取对应的DIV的id(就是tab1,tab2等等)
$(id).show();
}else{
if(str_array[i] !=num){
var id='#tab'+str_array[i];//非当前点击的美食分类
$(id).hide();//隐藏对应的美食列表
var id='#tab'+num;//点击当前的美食分类
$(id).show();//显示对应的美食列表
}
}
}
}
}
</script>
好了,应该能看明白了吧
另外,虚机团上产品团购,超级便宜
//美食分类
<!---->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle()"></label></div>
<!---->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle(0)">所有美食</label></div>
//这是模板美食列表注意DIV的ID
<!---->
<div id="tab"> 列表内容....</div>
<!---->
//一个隐藏域
<input type="hidden" id="cate_id_str" value="">
说明 :这个是那些的值(同时也和上面的这个的相等,就是分类的id,这个美食列表的键值就是对应的分类id的值)的字符串(用逗号隔开,可以在后台处理好)
好了,js代码
<script type="text/javascript">
function toggle(num){
var str = $('#cate_id_str').val();//得到那个ID的字符串
var str_array = new Array();
str_array = str.split(','); //分割成数组
for(var i=0;i < str_array.length;i++){
if(str_array[i]!='' && str_array[i]!=null){
//这个是显示所有分类下的美食列表
if(num==0){
var id='#tab'+str_array[i];//获取对应的DIV的id(就是tab1,tab2等等)
$(id).show();
}else{
if(str_array[i] !=num){
var id='#tab'+str_array[i];//非当前点击的美食分类
$(id).hide();//隐藏对应的美食列表
var id='#tab'+num;//点击当前的美食分类
$(id).show();//显示对应的美食列表
}
}
}
}
}
</script>
好了,应该能看明白了吧
另外,虚机团上产品团购,超级便宜
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
最笨的方法:<a href="文件路径">点击下载</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |