方法步骤如下：
1、首先打开计算机，然圆兆枯后打开js，在里面创建一个html文件“test”。
2、然后在test文件中添加一个html的框架。
3、然后添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4、打开后发现只显猜烂示这一个“打开文件”按钮。
5、现在给button添加onclick事件，调用openfile触发id为“open”的file。
6、现橘洞在在浏览器中点击“打开文件”文件按钮就会d出选择文件路径对话框。
在按钮上写属性 onclick="函数唤顷名()" ，作用是绑定click事件
如
<input type="button" onclick="Click()" value="Download"和迅陆 />然后在脚本处写上对应的函数即可，在函数中跳转到相应的文件路径就行。如
function Click(){window.location.href="文件的url地址昌哗"
}
使用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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）