Heim > Web-Frontend > js-Tutorial > Hauptteil

Über den einfachen Vorgang des Herunterladens von Dateien in js (Code im Anhang, ausführliche Antwort)

亚连
Freigeben: 2018-05-18 10:25:30
Original
2130 Leute haben es durchsucht

Das Folgende ist ein einfacher Vorgang zum Herunterladen von Dateien in js, den ich für Sie zusammengestellt habe. Interessierte Studenten können einen Blick darauf werfen.

Allgemeiner Download
Die Adresse zum Herunterladen der Datei lautet beispielsweise: http://127.0.0.1/test.rar

//该方法在火狐上没有效果的,在IE浏览器上是可以的window.open("htpp://127.0.0.1/test.rar");
//该方法火狐有些版本是不支持的window.location.href="htpp://127.0.0.1/test.rar";
//为了解决火狐有些版本不支持,可以改成这种方式window.location="htpp://127.0.0.1/test.rar"; 
//该方法IE和火狐都可以,
//url表示要下载的文件路径,如:
htpp://127.0.0.1/test.rar
function 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/test.rar
function downloadFile(url)
{
    var form=$("<form>");//定义form表单,通过表单发送请求
    form.attr("style","display:none");//设置为不显示
    form.attr("target","");
    form.attr("method","get");//设置请求类型  
    form.attr("action",url);//设置请求路径
    $("body").append(form);//添加表单到页面(body)中
    form.submit();//表单提交
}1234567891011121314151617181920212223242526272829303132333435363738394041424344
Nach dem Login kopieren

Hintergrund-Download ohne anfordern Beim Springen zur Seite gibt der Hintergrund einen Datenstrom zurück, der über ein Formular
wie folgt implementiert werden kann:

Die Rückgabetypen der Ajax-Funktion von JQuery sind nur XML, Text, JSON, HTML und andere Typen Da es keinen „Stream“-Typ gibt, müssen wir den Ajax-Download implementieren. Sie können die entsprechende Ajax-Funktion nicht zum Herunterladen von Dateien verwenden. Sie können jedoch js verwenden, um ein Formular zu generieren, dieses Formular zum Senden von Parametern verwenden und Daten vom Typ „Stream“ zurückgeben. Während des Implementierungsprozesses wurde die Seite nicht aktualisiert.

Anfrage zum Herunterladen erhalten

//url表示请求路径,进入后台处理,后台返回一个文件流//例如:url为htpp://127.0.0.1/test
function downloadFile(url){
    //定义一个form表单,通过form表单来发送请求
    var form=$("<form>");    //设置表单状态为不显示
    form.attr("style","display:none");    //method属性设置请求类型为get
    form.attr("method","get");    //action属性设置请求路径,(如有需要,可直接在路径后面跟参数)
    //例如:htpp://127.0.0.1/test?id=123
    form.attr("action",url);    //将表单放置在页面(body)中
    $("body").append(form);    //表单提交
    form.submit();
}12345678910111213141516171819202122232425262728
Nach dem Login kopieren

Anfrage zum Download veröffentlichen

//url表示请求路径,进入后台处理,后台返回一个文件流
//例如:url为htpp://127.0.0.1/test
function downloadFile(url){
//定义一个form表单,通过form表单来发送请求
var form=$("<form>");
//设置表单状态为不显示
form.attr("style","display:none");
//method属性设置请求类型为post
form.attr("method","post");
//action属性设置请求路径,
//请求类型是post时,路径后面跟参数的方式不可用
//可以通过表单中的input来传递参数
form.attr("action",url);
$("body").append(form);//将表单放置在web中
//在表单中添加input标签来传递参数
//如有多个参数可添加多个input标签
var input1=$("<input>");
input1.attr("type","hidden");//设置为隐藏域
input1.attr("name","id");//设置参数名称
input1.attr("value","123");//设置参数值
form.append(input1);//添加到表单中
form.submit();//表单提交
}
Nach dem Login kopieren

Das Obige ist ein einfacher Vorgang zum Herunterladen von Dateien in js, den ich für Sie zusammengestellt habe. Ich hoffe, er wird hilfreich sein Dich in der Zukunft.

Verwandte Artikel:

Probleme beim Hinzufügen vor der Funktion in js, der Code ist angehängt

Erklären Sie JS im Detail Wie man mit der App interagiert (Code beigefügt)

Erklären Sie ausführlich die Verwendung von Js apply() (mit Code)

Das obige ist der detaillierte Inhalt vonÜber den einfachen Vorgang des Herunterladens von Dateien in js (Code im Anhang, ausführliche Antwort). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage