Is there any way to specify a suggested filename when using data: URI?

Viewed 202957

If for example you follow the link:

data:application/octet-stream;base64,SGVsbG8=

The browser will prompt you to download a file consisting of the data held as base64 in the hyperlink itself. Is there any way of suggesting a default name in the markup? If not, is there a JavaScript solution?

17 Answers

According to RFC 2397, no, there isn't.

Nor does there appear to be any attribute of the <a> element that you can use either.

However HTML5 has subsequently introduced the download attribute on the <a> element, although at the time of writing support is not universal (no MSIE support, for example)

<a href=.. download=.. > works for left-click and right-click -> save link as..,

but <img src=.. download=.. > doesn't work for right-click -> save image as.. , "Download.jped" is suggested.

If you combine both:<a href=.. download=..><img src=..></a>

it works for left-click, right-click -> save link as.., right-click -> save image as..

You have to write the data-uri twice (href and src), so for large image files it is better to copy the uri with javascript.

tested with Chrome/Edge 88

Related