Ändern Sie den Dateinamen bei der Verwendung von window.location zum Download

Question

Ich verwende window.location, um mein Bild herunterzuladen. Es ist nicht in HTML, weil ich das Bild auf dem Server erzeugen und es dann nach unten zurückzuschicken, so dass es wie folgt aussieht:

window.location = data.url; 

ich ein paar andere Fragen gesehen habe, aber sie schlagen die download attr, die ich don‘ t haben, weil es keine HTML gibt.

Gibt es eine Möglichkeit, den Dateinamen zu ändern?

Answer 1

Front-end-Lösung

Das einzige, was Sie tun können, auf der Front-End-Seite ändern Sie den Code <a> Element mit download Attribut in HTML:

<a href="my_file.pdf" download="very_important_report.pdf">Download</a> 

Wenn der Benutzer auf diesen Link klickt, laden Sie den Browser Kräfte und spart die Datei mit dem angegebenen Dateinamen. Sie können mehr darüber in this post lesen. Es ist ein ziemlich neues Feature, also überprüfen Sie die browser support.

Back-End-Lösung

Wenn Sie den serverseitigen Code ändern können, dann sollten Sie content-disposition Header verwenden, wie in RFC 2183 definiert.

content-disposition: attachment; filename=very_important_report.pdf 

Answer 2

Sie können den Dateinamen auf der Clientseite nicht ändern. Sie müssten das auf dem Server tun.

Sie die Content-Disposition-Header (auf der Seite Server) wie folgt gesetzt werden könnten:

Content-Disposition: attachment; filename="yourname.gif"