关于JS或<a>标签实现文件下载的功能。

Posted 2023-04-26

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于JS或<a>标签实现文件下载的功能。相关的知识，希望对你有一定的参考价值。

现在有个struts2项目，项目里面有个文件夹file_upload用来存放一个rar文件。现在页面有个超链接<a>点击下载</a>，我希望点击这个超链接，可以把file_upload文件夹内的那个rar文件下载到本地。望高手帮忙解决。可以直接用a标签的话最好，也可以用JS来完成。先谢了！

使用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 />

<a href="../Images/test.doc" >点击下载文件</a>
<br /><br />
<a href="../Images/test.zip" >点击下载文件</a>
</div>
</body> 参考技术A 这个一般是用在列表就是模板有循环输出的，如果知道是固定的就没多大意思了，我这边给你部分代码，主要给你思路
//美食分类

<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>

好了，应该能看明白了吧
另外,虚机团上产品团购,超级便宜本回答被提问者采纳参考技术B 最笨的方法：<a href="文件路径">点击下载</a>