Breaking News: Grepper is joining You.com. Read the official announcement!

how to download file from link in react

Add Answer

BHAVANSH ARORA answered on November 26, 2020 Popularity 10/10 Helpfulness 5/10

answer how to download file from link in react

related react js download file

related sweet alert

related download file in react

related sweet alert

how to download file from link in react

Comment

import axios from 'axios'
import fileDownload from 'js-file-download'
 
...

handleDownload = (url, filename) => {
  axios.get(url, {
    responseType: 'blob',
  })
  .then((res) => {
    fileDownload(res.data, filename)
  })
}
 
...

<button onClick={() => {this.handleDownload('https://your-website.com/your-image.jpg', 'test-download.jpg')
}}>Download Image</button>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: download file javascript

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

BHAVANSH ARORA

0 Answers Avg Quality 2/10

Closely Related Answers

react js download file

Comment

fetch('https://cors-anywhere.herokuapp.com/' + fileURL, {
    method: 'GET',
    headers: {
      'Content-Type': 'application/pdf',
    },
  })
  .then((response) => response.blob())
  .then((blob) => {
    // Create blob link to download
    const url = window.URL.createObjectURL(
      new Blob([blob]),
    );
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute(
      'download',
      `FileName.pdf`,
    );

    // Append to html link element page
    document.body.appendChild(link);

    // Start download
    link.click();

    // Clean up and remove the link
    link.parentNode.removeChild(link);
  });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: download downloa

Link to this answer
Share Copy Link

Contributed on Dec 29 2020

Tarik

0 Answers Avg Quality 2/10

sweet alert

Comment

Swal.fire({
  icon: 'error',
  title: 'Oops...',
  text: 'Something went wrong!',
  
})

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: sweetalert2.github.io

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Feb 15 2023

Annoying Addax

0 Answers Avg Quality 2/10

sweet alert

Comment

-1

swal("Good job!", "You clicked the button!", "success");

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: sweetalert.js.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 26 2020

0 Answers Avg Quality 2/10

download file in react

Comment

var fileDownload = require('js-file-download');
fileDownload(data, 'filename.csv');

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.npmjs.com

Tags: download downloa

Link to this answer
Share Copy Link

Contributed on May 09 2021

diptnc

0 Answers Avg Quality 2/10

sweet alert

Comment

Swal.fire({
  icon: 'success',
  title: 'Your work has been saved',
  showConfirmButton: false,
  timer: 1500
})

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: sweetalert2.github.io

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on May 20 2023

Mahamudul Hasan Medul

0 Answers Avg Quality 2/10

sweet alert

Comment

Swal.fire({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete it!'
})

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: sweetalert2.github.io

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Aug 31 2022

Elated Eagle

0 Answers Avg Quality 2/10

sweet alert

Comment

<head>
  <script src="jquery-3.3.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>

<?php

echo '
<script type="text/javascript">

$(document).ready(function(){

  swal({
    position: "top-end",
    type: "success",
    title: "Your work has been saved",
    showConfirmButton: false,
    timer: 1500
  })
});

</script>
';
 ?>

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Oct 30 2023

Fancy Falcon

0 Answers Avg Quality 2/10

sweet alert

Comment

sweet alert use

Swal.fire({
  title: 'Error!',
  text: 'Do you want to continue',
  icon: 'error',
  confirmButtonText: 'Cool'
})

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: sweetalert2.github.io

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on May 07 2023

Breakable Buffalo

0 Answers Avg Quality 2/10

sweet alert

Comment

Swal.fire({
  icon: 'success',
  title: 'Your work has been saved',
  showConfirmButton: false,
  timer: 1500
})

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: sweetalert2.github.io

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on May 20 2023

Mahamudul Hasan Medul

0 Answers Avg Quality 2/10

how to download file from link in react

Contents

More Related Answers

how to download file from link in react

Closely Related Answers

react js download file

sweet alert

sweet alert

download file in react

sweet alert

sweet alert

sweet alert

sweet alert

sweet alert

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.