Heim > Web-Frontend > js-Tutorial > So implementieren Sie das Herunterladen in Javascript

So implementieren Sie das Herunterladen in Javascript

奋力向前
Freigeben: 2023-01-07 11:47:34
Original
4711 Leute haben es durchsucht

So implementieren Sie das Herunterladen mit JavaScript: 1. Verwenden Sie das href-Attribut des a-Tags, um die Datei-URL hinzuzufügen, mit der Syntax „Download“; . Verwenden Sie die URL, um zum Download zu springen, Syntax „window.open(file url)“.

So implementieren Sie das Herunterladen in Javascript

Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript-Version 1.8.5, Dell G3-Computer

Verwenden Sie JS, um die Datei-Download-Funktion zu implementieren?

JS实现下载文件功能?

常见是新建下载的方法为:

1、a标签

压缩包下载:

<a href="前端框架-Minton.rar">下载</a>
Nach dem Login kopieren

其他文件下载

 function commDownload1(url, params) {
     url += "?";
    for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
     url = url.substr(0, url.length - 1);
     $("<a href=" + url + " />")[0].click();
 }
Nach dem Login kopieren

2、url跳转

function commDownload2(url, params) {
     url += "?";
     for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
    url = url.substr(0, url.length - 1);
    window.open(url);
Nach dem Login kopieren

其中a标签体验好些,其他两个会打开一个新标签再下载再关闭新标签,整个过程让人感觉眼花缭乱,因此推荐使用aDie übliche Methode zum Erstellen eines neuen Downloads ist:

1. ein Tag
Komprimierter Paket-Download:

rrreee🎜Anderer Datei-Download🎜rrreee🎜 2. URL-Sprung🎜rrreee🎜Unter diesen ist das Tag a besser. Die anderen beiden öffnen ein neues Tag, laden es herunter und schließen es Dies ist verwirrend, daher wird die Verwendung von a implementiert die Download-Funktion. 🎜🎜Empfohlenes Lernen: 🎜JS-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das Herunterladen in Javascript. 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