Download a file js

Collectives on Stack Overflow. Learn more. Asked 3 years, 5 months ago. Active 17 days ago. Viewed k times. Sameer Thite Sameer Thite 1, 2 2 gold badges 6 6 silver badges 11 11 bronze badges. Triggering browser download from front-end is not a reliable way to do it. You should create endpoint that when called, will provide the correct response headers, thus triggering the browser download. From my understanding, you are saying that it can be achieved by rest api with correct response headers, is it right?

I didn't know how to attach a link in comment, so I posted an answer. Add a comment. Active Oldest Votes. Anchor tag opens image in same browser tab preview of image and then we need to manually save the image.

I am trying to achieve automatic download on button click, without opening file preview — Sameer Thite. Refer to this for more details: stackoverflow. I try for zip file, the file downloads, and never unzips properly. Someone might know the reason for it? Btw, I find a workaround: stackoverflow.

Triggering browser download from front-end is not reliable. Jackyef Jackyef 3, 15 15 silver badges 22 22 bronze badges. What you should do is, create an endpoint that when called, will provide the correct response headers, thus triggering the browser download What are those header and how does specifics headers can trigger browser download? Brian Li Brian Li 9 9 silver badges 16 16 bronze badges. Mohammad altenji Mohammad altenji 2, 19 19 silver badges 32 32 bronze badges.

Except that browser will open a PDF, and I want it to download. Not open. I have added below link. VnoitKumar 1, 12 12 silver badges 23 23 bronze badges. Kevin Kevin 2 2 silver badges 3 3 bronze badges. I can't open file after download, File error : "The file nameFile could not be opened. We are required to set the href attribute specifying the source of the file. The value of the download attribute determines the name of the downloaded file. If this value is removed, then the downloaded filename will be the same as the original file name.

In the above code, we download an image apple. Then we also created a download button to facilitate downloading files. This approach will create text data on the fly and then use JavaScript to create a text file and then download it. Attach an event listener looking for a click to a download button. In this approach, we will use the Axios library to download files.

Sagar Desai Sagar Desai 1 1 gold badge 3 3 silver badges 11 11 bronze badges. Make the download via angularJS is not a good way. But, it is working fine for interpolation not for second one. I can't find link for download url via angularjs.

Please provide it. Show 8 more comments. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Podcast Who is building clouds for the independent developer? Exploding turkeys and how not to thaw your frozen bird: Top turkey questions Featured on Meta.