A href download file base64

The below snippet will work in both firefox and chrome and it will accept a filename:. Requires a servlet and some customization. Incorrectly detects navigator. I had to set IE in compatibility mode to test, default charset in servlet, JavaScript options object with correct servlet path for absolute paths For non-IE browsers, it opens the file in the same window. There are several solutions but they depend on HTML5 and haven't been implemented completely in some browsers yet. Examples below were tested in Chrome and Firefox partly works.

Combining answers from owencm and Chazt3n, this function will allow download of text from IE11, Firefox, and Chrome. Sorry, I don't have access to Safari or Opera, but please add a comment if you try and it works.

Just set the href attribute to "data: mimetypeheader , url ". For instance Working example: JSFiddle Demo. Because we use a Data URL, we are allowed to set the mimetype which indicates the type of data to download. Data 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. Please upvote the answer here by Yetti: saving canvas locally in IE. If you only need to actually have a download action, like if you bind it to some button that will generate the URL on the fly when clicked in Vue or React for example , you can do something as easy as this:.

In my case, the file is already properly named but you can set it thanks to filename if needed. You could try a workaround and serve the unzipped files from a Flash object, but then you'd lose the JS-only purity anyway, I'm not sure whether you currently can "drag files into browser" without some sort of Flash workaround - is that a HTML5 feature maybe?

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams?

Also, do you see the "Choose a file or drag and drop it here" message next to it? By the way, what is your browser version and operating system? I just tried it again and now it pops up a "Choose File" button which works fine.

There was no sign of a "Browse" button It did not do that when I tried it previously. It does the job very well, thank you. If I could suggest ONE option: Could you "format" the Base64 into say, 80 character lines so it doesn't get pasted into one huge line on the web page? This could be a useful option and would save having to go through, chopping the immense string into more manageable chunks. Browser version is Edge latest and OS is win 10 Pro fully updated.

Cheers, Pete. Thank you for details and suggestion. I can implement a such option, but first of all I want to know what "Output Format" do you need. It allows you to specify the Base64 Standard, so you can choose the MIME standard and the output will be splitted into fixed 76 line-length.

Thanks very much for your response. I had missed the 76 character split option and it meets my needs exactly. I only need this facility about half-a-dozen times a year, but I have bookmarked your page. Thank you very much for sharing your experience. I'm glad you found what you were looking for. Volker , 12 march at Hello Base64 Guru, I really like this page. Thanks for the free encoding and decoding tool : Best regards Volker. Cody , 18 march at I was wondering if you provided an api or code to do this.

Mosab , 11 may at Evan , 26 may at Browser Compatibility. Related Articles. Add Comments. Thank you for the feedback. The comment is now awaiting moderation. You will be notified via email when the author replies to your comment. Please select a comment to reply. You can add your comment about this article using the form below. Make sure you provide a valid email address else you won't be notified when the author replies to your comment Please note that all comments are moderated and will be deleted if they are Not relavant to the article Spam Advertising campaigns or links to other sites Abusive content.

Please do not post code, scripts or snippets. TravisBear It's all right here: source. Amit Gandole Amit Gandole 6 6 silver badges 16 16 bronze badges. Attackers currently on js. I don't know whether am late to answer this, but I think the better solution could be this. Garande Garande 79 1 1 silver badge 11 11 bronze badges. This is the only answer that helped me in my situation. Thanks — Buwaneka Sudheera. BuwanekaSudheera thanks for finding it helpful — Garande. In my Angular App, I am getting the base 64 files from server.

Try to download big images. In such case you could try that: stackoverflow. KasperSeweryn Thanks. I think I found that earlier. Piyush Thawakar Piyush Thawakar 41 2 2 bronze badges. Sebastian Sebastian 2, 23 23 silver badges 31 31 bronze badges.