首页 > web前端 > js教程 > 怎么通过js代码下载文件到本地?(示例)

怎么通过js代码下载文件到本地?(示例)

藏色散人
发布: 2019-08-20 14:08:09
原创
14261 人浏览过

对于文件下载是有多种方式的。本篇文章就给大家介绍下如何用js下载文件到本地的几种简单操作。希望对有需要的朋友有所帮助。通常的下载方式,比如要下载文件的地址为:htpp://127.0.0.1/demo.rar.

js本地下载文件具体代码示例如下:

一、此方法在火狐上没有效果的,在IE浏览器上是可以的

window.open("htpp://127.0.0.1/demo.rar");
登录后复制

二、此方法火狐有些版本是不支持的

window.location.href="htpp://127.0.0.1/test.rar";
登录后复制

三、为了解决火狐有些版本不支持,可以改成这种方式

window.location="htpp://127.0.0.1/demo.rar";
登录后复制

0df1f70c2c7dfe407f3cb5c627f9500.png

四、该方法IE和火狐都可以,url表示要下载的文件路径:

htpp://127.0.0.1/demo.rarfunction downloadFile(url) {   
   try{ 
        var elemIF = document.createElement("iframe");   
        elemIF.src = url;   
        elemIF.style.display = "none";   
        document.body.appendChild(elemIF);   
    }catch(e){ 
        zzrw.alert("下载异常!");
    }     
}
登录后复制

五、表单方式直接下载文件,url表示要下载的文件路径:

htpp://127.0.0.1/demo.rarfunction downloadFile(url){
    var form=$("<form>");
    form.attr("style","display:none");
    form.attr("target","");
    form.attr("method","get"); 
    form.attr("action",url);
    $("body").append(form);
    form.submit();//表单提交}
登录后复制

注:

var form=$("

");定义form表单,通过表单发送请求

orm.attr();设置为不显示

form.attr();设置请求类型 

form.attr();设置请求路径

$("body").append(form);添加表单到页面(body)中

form.submit();表单提交

以上是怎么通过js代码下载文件到本地?(示例)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
没课件代码 下载啊。
来自于 1970-01-01 08:00:00
0
0
0
课件和代码如何下载
来自于 1970-01-01 08:00:00
0
0
0
有没有课件代码 可以下载?
来自于 1970-01-01 08:00:00
0
0
0
代码哪里下载
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板