To force the browser to download a file it would otherwise be capable of rendering (such as HTML or text files), you need the server to set the file's MIME Type to a nonsensical value, such as application/x-please-download-me or alternatively application/octet-stream, which is used for arbitrary binary data. done(function () ) ĭocument.getElementById('my_iframe').src = url The demo page includes many other, 'better UX' examples as well. Here is a simple use case demo using the plugin source with promises. In conjunction with jQuery UI a developer can easily show a modal telling the user that a file download is occurring, disband the modal after the download starts or even inform the user in a friendly manner that an error has occurred. SuccessCallback and failCallback functions allow for you to be explicit about what the user sees in either situation This feature is becoming crucial for modern web applications User never leaves the same page they initiated a file download from. Very easy to setup with nice visuals (jQuery UI Dialog, but not required), everything is tested too

It works pretty similarly with an iframe but has some cool features that I have found quite handy:

I have created the jQuery File Download plugin (Demo) (GitHub) which could also help with your situation. Const url = (blob) Īlert('your file has downloaded!') // or you know, something with better UX.Ģ012 original jQuery/iframe/cookie based approach

Javascript download text file