React how to download attachment file from server

SHA Hash Generator. SHA Generator. CSV Show sub menu. Content Generators Show sub menu. Canadian Province Array and Select Element. Countries Array and Select Element. Credit Card Number Validator. Dummy Image Generator. Dummy Text Generator. Fake Address Data Generator. Fake Internet Data Generator. Fake Person Data Generator. Fake Phone Data Generator. Fake Product Data Generator. Indian States Array and Select Element. Mexican States Array and Select Element. Test Credit Card Numbers. File Show sub menu.

Base64 to Image Converter. Image Compressor. Image to Base64 Converter. JSON Show sub menu. String Show sub menu. Escape and Unescape JavaScript Code. Get Character Info. String Utilities. Time Show sub menu. Timestamp to Human Readable Date. URL Show sub menu. UUID Show sub menu. XML Show sub menu. YAML Show sub menu. JavaScript Linter. JavaScript Keycode Finder. User Agent Parser. About Show sub menu. Sponsored Post. HTML Show sub menu. Now, we need an event handler to listen to any changes made to the file.

This event handler will be triggered whenever the user selects a new file and will update the state. Send a request to the server: After storing the selected file in the state , we are now required to send it to a server. For this purpose, we can use fetch or Axios. The file is sent to the service wrapped in a FormData object. Installation Axios: Run the below command. The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof.

But before you tackle the big projects, we suggest you start by learning the basics. Now at it's lowest price ever! Skip to content. Change Language. Related Articles. There are a few examples of this on here. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams?

Collectives on Stack Overflow. Learn more. How do I save a file getting downloaded from server using react? Ask Question. Asked 5 years ago. Active 4 years, 5 months ago.

Viewed k times. But the file is not getting downloaded. Any leads? Naruto 4, 1 1 gold badge 19 19 silver badges 31 31 bronze badges. Ritu Bhandari Ritu Bhandari 1 1 gold badge 4 4 silver badges 7 7 bronze badges. Any errors in the console? Not enough details to answer you. No Error as such. I am hitting the API but file is not getting downloaded. I think server side rendering would be required? Then add some code maybe? Uploading the code here. Frontend code too, if possible GET request.. Show 3 more comments.