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

download file using url in jquery

Add Answer

Tyagi420 answered on August 19, 2022 Popularity 8/10 Helpfulness 4/10

answer download file using url in jquery

related jquery download image from url

related jquery download file from url

download file using url in jquery

Comment

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
            $(".dwn-btn").click(function() {
                var element = document.createElement('a');
               const url = new URL("{{$userGrade['fileLink']}}");
               // save file in local from the url
                element.setAttribute('href', url);
                element.setAttribute('download', "{{$userGrade['grade']}}");
                element.style.display = 'none';
                document.body.appendChild(element);
                element.click();
                document.body.removeChild(element);
            });
        });
</script>

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: download file javascript jquery url using

Link to this answer
Share Copy Link

Contributed on Nov 29 2022

Tyagi420

0 Answers Avg Quality 2/10

Closely Related Answers

jquery download image from url

Comment

const btn = document.getElementById('downloadImage');
const url = "https://s3-ap-southeast-1.amazonaws.com/tksproduction/bmtimages/pY3BnhPQYpTxasKfx.jpeg";

btn.addEventListener('click', (event) => {
  event.preventDefault();
  console.log('ABC')
  downloadImage(url);
})


function downloadImage(url) {
  fetch(url, {
    mode : 'no-cors',
  })
    .then(response => response.blob())
    .then(blob => {
    let blobUrl = window.URL.createObjectURL(blob);
    let a = document.createElement('a');
    a.download = url.replace(/^.*[\\\/]/, '');
    a.href = blobUrl;
    document.body.appendChild(a);
    a.click();
    a.remove();
  })
}

Popularity 8/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: download downloa

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Shivesh Pandey

0 Answers Avg Quality 2/10

jquery download file from url

Comment

function downloadFile(url) {
  // Create a temporary anchor element
  var link = document.createElement('a');
  link.href = url;
  link.download = true;

  // Trigger the click event to download the file
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

// Usage:
downloadFile("http://example.com/path/to/file.pdf");

Popularity 5/10 Helpfulness 5/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

download file using url in jquery

Contents

More Related Answers

download file using url in jquery

Closely Related Answers

jquery download image from url

jquery download file from url

Grepper

Documentation

Social

Legal

Contact

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