您的位置：首页 > Web前端 > JavaScript

利用JS实现常用格式文件下载

2013-01-16 09:32 399 查看

众所周知， <a href="http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg" onclick='downmm()'>下载本图</a>

这样的代码根本实现不了下载图片，在IE里面只是打开这个图片，常用的格式txt\doc\bmp\jpg等都会是这样。如果想要弹出保存对话框下载保存。需要在后台写代码。今天翻阅无数，终于找到了种JS方式实现下载了。

以下是完整的代码：

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

主要还是window里面，可以用ie开发者工具查查。

在360桌面开发平台里面，下载图片直接：

window.external.wappDownloadFiles('http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg','*.jpg',false);

设置壁纸：

window.external.wappSetAsDesktop('http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg',2);

强大，只惜只有IE有效。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航