About using Download attribute of Html5 in MVC

Question

hello, Everyone, Hope everyone is fine. I am trying to download the file in my MVC code using html5 download attribute. It works with following code: but I want to download a file from my online URL like : But it opens the file in new tab, which should not be. It should download that file. Thank you in advance

Sachin Singh · Answer

You might be violating the same origin contraint of download attribute, instead you can use javascript like below window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(), a = document.createElement('a'), file; xhr.open('GET', 'someFile', true); xhr.responseType = 'blob'; xhr.onload = function () { file = new Blob([xhr.response], { type : 'application/octet-stream' }); a.href = window.URL.createObjectURL(file); a.download = 'someName.gif'; // Set to whatever file name you want // Now just click the link you created // Note that you may have to append the a element to the body somewhere // for this to work in Firefox a.click(); }; xhr.send();

Guest User · Answer

Hello Everyone, Thank you for your time and response to this post. The issue that I had of Download has been fixed.

Guest User · Answer

Thank you for reply Everyone. Hey aashima khatoon I have tried your solution, but i am not getting what should i return in method 'somefile' Can you just post me code with example, because i am getting CORS policy error Thank you

Aman Gupta · Answer

https://www.c-sharpcorner.com/blogs/how-to-use-html5-download-attribute Check out this blog it might be helpful for you.