Detaillierte Erklärung der HTML-Download-Funktion

Das neue Projekt ist im Grunde abgeschlossen. Es war das erste Mal, dass ich die Integration der Front-End- und Back-End-Trennung abgeschlossen habe, und natürlich bin ich auf viele Fallstricke gestoßen.

Lassen Sie uns über eine der Fallstricke sprechen, die mir am ersten Tag begegnet sind.

——Zu Downloadproblemen. . .

Früher hat jeder gerne das Tag <a></a> verwendet. Ich habe zu Beginn zusätzlich noch den a-Tag verwendet und in der Adresse des Bildes das href-Attribut platziert, um die Download-Funktion zu simulieren. Es stellt sich heraus, dass dieses verdammte Ding, wenn man darauf klickt, direkt ein neues Bild öffnet und nicht bedeutet, dass es heruntergeladen wird.

Dann las ich einen Artikel, der mir die Tür zu einer neuen Welt öffnete.

Download-Attribut

Das <a>-Tag muss ein href-Attribut haben. Der Browser erkennt automatisch die richtige Dateierweiterung und fügt sie der Datei hinzu (.img, .pdf, .txt, .html usw.).

Nehmen wir zum Beispiel:

<a href="ccc.jpg" herunterladen>

Sie können den Namen der heruntergeladenen Datei auch anpassen.

<a href="ccc.jpg" download="lohnSoCute.jpg">

Tatsächlich ist diese Methode jedoch auch mit großen Einschränkungen behaftet.

Einer davon ist laut Angaben des W3C die Kompatibilität.

Es scheint, dass die Praktikabilität dieses Attributs derzeit tatsächlich durchschnittlich ist.

Es gibt noch eine weitere Falle, die mir bisher noch nicht begegnet ist, nämlich das domänenübergreifende Problem. Ich werde es aktualisieren, sobald ich darauf stoße. .

Zusammenfassend lässt sich sagen, dass dieser Download eine gute Sache ist, aber der Support scheint nicht sehr gut zu sein . Ich bin gespannt, wie sich das in Zukunft entwickeln wird. Immerhin ist es immer noch ein neues Attribut des a-Tags. Warten wir es ab. Zumindest wissen wir, dass es so etwas gibt.

Die oben aufgeführte ausführliche Erklärung der HTML-Download-Funktion ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass er Ihnen als Referenz dienen kann. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/w-age666/archive/2016/05/04/5458342.html