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

  众所周知, <a href="http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg" οnclick='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有效。 

转载于:https://www.cnblogs.com/jackrebel/archive/2013/01/16/2862232.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值