求教如何使用js完成文件下载功能,求完整代码,谢谢

求教如何使用js完成文件下载功能,求完整代码,谢谢,第1张

如果被下载的目标文件是*.exe或*.zip , *.rar 等格式,用普通的超链接就可以点击下载了。

<a href="test.rar">点击这里下载</a>

如果被下载的文件差扰是文本类型,比如是 *.txt , *.html 就不能这样做了,点虚启旦击后会直接在浏览器显示,而不会d出下载窗口。

用js是处理不了的,只能在服务器端使用动态脚本输出这些文件。例如:用asp代码调用adodb.stream对象读取文件内容,再输出流数据到浏旁耐览器端就会d出下载界面。

参考如下:

<head runat="server"孝梁租>

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/12287426.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存