Wie löst man Dateidownloads nur mit HTML-Schaltflächen oder JavaScript aus?

Dateidownloads mit HTML-Schaltflächen oder JavaScript auslösen

Frage:

Wie können Sie einen Dateidownload starten, wenn Sie auf klicken? HTML-Schaltfläche ohne Verwendung von Ankertags, Backend-Skripten oder Serverkonfigurationen?

HTML-Schaltfläche Lösung:

Sie können das Download-Attribut verwenden, um einen Dateidownload auszulösen:

<button download="myfile.txt">Download Me</button>

wobei:

• myfile.txt der gewünschte Dateiname ist
• Die Datei-URL muss denselben Ursprung haben (Domäne, Protokoll, usw.)

JavaScript-Lösung:

Um eine Datei über JavaScript herunterzuladen, können Sie die Blob- und URL-APIs verwenden:

var fileUrl = URL.createObjectURL(new Blob([data], {type: 'text/plain'}));
var a = document.createElement('a');
a.href = fileUrl;
a.download = 'myfilename.txt';
a.click();

wobei:

• Daten ist die Datei data
• 'text/plain' ist der Dateityp
• myfilename.txt ist der gewünschte Dateiname

Das obige ist der detaillierte Inhalt vonWie löst man Dateidownloads nur mit HTML-Schaltflächen oder JavaScript aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!