Trigger click event for appended anchor tag

Question

I append an tag with a href with a download attribute.

$('Download').attr({
    download: 'testing.svg',
    href: dataUrl,
    id: 'download',
    name: 'test'
    // style:'display:none'
}).appendTo("body");

This is my code and I want to trigger the click event:

$('#download').trigger( "click" );

This is not working because it is an appended element.

I tried to use window.open(href,'_blank'); but if I run this statement, the file is not downloading. It just opens a new tab.

How can I download file without redirect?

user_2335514 · Answer

JQuery trigger doesn't support download. Please use following code to trigger download.

$('#download').get(0).click();

user_1389597 · Answer

Try something like this:

 $(document).ready(function(){
   var dataUrl = "https://upload.wikimedia.org/wikipedia/commons/8/88/Inkscape_vectorisation_test.svg"
   $dnl_link = $('Download').attr({
        download:'testing.svg',
        href:dataUrl,
        id:'download',
        name: 'test',
        
    })
    $dnl_link.appendTo("body");
 
  $("#download")[0].click();
  
})

Trigger click event for appended anchor tag

2 Answers