Download binary file with Axios

by

I was able to create a workable gist (without using FileSaver) as below:

axios.get("http://my-server:8080/reports/my-sample-report/",
        {
            responseType: 'arraybuffer',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/pdf'
            }
        })
        .then((response) => {
            const url = window.URL.createObjectURL(new Blob([response.data]));
            const link = document.createElement('a');
            link.href = url;
            link.setAttribute('download', 'file.pdf'); //or any other extension
            document.body.appendChild(link);
            link.click();
        })
        .catch((error) => console.log(error));

More Related Contents:

  1. Make Axios send cookies in its requests automatically
  2. How can I get the status code from an HTTP error in Axios?
  3. What is difference between Axios and Fetch?
  4. How to set state of response from axios in react
  5. How to overcome the CORS issue in ReactJS
  6. Promise All with Axios
  7. Axios handling errors
  8. sending file and json in POST multipart/form-data request with axios
  9. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  10. Access Control Origin Header error using Axios
  11. Using JavaScript Axios/Fetch. Can you disable browser cache?
  12. body data not sent in axios request
  13. How to post query parameters with Axios?
  14. how does axios handle blob vs arraybuffer as responseType?
  15. Axios posting params not read by $_POST
  16. Returning data from Axios API
  17. Axios – DELETE Request With Request Body and Headers?
  18. React: Axios Network Error
  19. Axios. How to get error response even when api return 404 error, in try catch finally
  20. How to prevent Axios from encoding my request parameters?
  21. Force download GET request using axios
  22. Mock inner axios.create()
  23. Returning an Axios Promise from function
  24. Axios interceptors and asynchronous login
  25. How to post multiple Axios requests at the same time?
  26. Is it possible to use axios.all with a then() for each promise?
  27. Axios request giving getter setter methods instead of data queried
  28. FastAPI is not returning cookies to React frontend
  29. Vue JS returns [__ob__: Observer] data instead of my array of objects
  30. How to download a file using ReactJS with Axios in the frontend and FastAPI in the backend?

Leave a Comment