文件下载重命名不起作用

Question

I try to rename file with download attribute but it's not working.

<a href="https://jsfiddle.net/img/logo.png" download="something.png">OK</a>

FIDDLE

Answer 1

From the docs you linked:

If the HTTP header Content-Disposition: is present and gives a different filename than this attribute, the HTTP header has priority over this attribute.

My guess is that the server you're linking to sets this header.

Also if you're linking to an external resource it likely won't work:

This attribute is only honored for links to resources with the same-origin.

Answer 2

It only works if the file is on the same origin so if you can download a external file with CORS + ajax then you can save the blob with a custom name

 $('a').click(function(evt){ evt.preventDefault(); var name = this.download; // we need a blob so we can create a objectURL and use it on a link element // jQuery don't support responseType = 'blob' (yet) // So I use the next version of ajax only avalible in blink & firefox // it also works fine by using XMLHttpRequest v2 and set the responseType fetch("https://crossorigin.me/" + this.href) // res is the beginning of a request it only gets the response headers // here you can use .blob() .text() .json or res.arrayBuffer() depending // on what you need, if it contains Content-Type: application/json // then you might want to choose res.json() // all this returns a promise .then(res => res.blob()) .then(blob => { $("<a>").attr({ download: name, href: URL.createObjectURL(blob) })[0].click(); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="https://jsfiddle.net/img/logo.png" download="something.png">OK</a> 

Answer 3

It appears that this attribute doesn't work anymore for external files, due to possible security concerns.

You can find a discussion about this issue for Chrome here

Use of the 'download' attribute will always trigger a download, but from M-35 onwards will only honor the suggested filename if the final resource URL is same-origin as the document. Even when it doesn't, as long as a MIME type is specified correctly, it will receive a filename like 'download.' where is the extension known to the host OS as mapping to the specified MIME type. If the resource is served with a Content-Disposition, then the Content-Disposition will take precedence.

And for Firefox here and here