download: This is the name of the file you're downloading.

target='_blank' : This indicates a new tab should be opened, it's not essential, but it helps guide the browser to the desired behavior.

And then a comma separates it from the link we want to download.

href='data:video/mp4,' : Here we are setting the link to the a data: with a header preconfigured to video/mp4.

Documentation:ĭata URLs are composed of four parts: a prefix (data:), a MIME type indicating the type of data, an optional base64 token if non-textual, and the data itself. Download Videoīecause we use a Data URL, we are allowed to set the mimetype which indicates the type of data to download. This will create an anchor for us, on which we can set the href and download attributes accordingly, and then programmatically click on the link in order to trigger a download. For this, we can use document.createElement. Just set the href attribute to 'data:(mimetypeheader),(url)'. In order to use our Data URL, we also need to dynamically create a link.

However, the user can still modify the filename in the save prompt that pops-up. The download attribute can be given a valid filename as its value. You can get the download URL for a file by calling the getDownloadURL(). The download attribute is used to inform the browser to download the URL instead of navigating to it hence a prompt shows up, requesting that the user saves the file. This can be solved 100% entirely with HTML alone. Download files with Cloud Storage on Web. Here is a pure JavaScript solution I tested working in Firefox and Chrome but not in Internet Explorer: function downloadDataUrlFromJavascript(filename, dataUrl) )

Javascript download file from url