使用Javascript函数启动下载

Question

I have multiple URLs for users to download. The download should be triggered after they hit "Like" or post a "Tweet". I have successfully setup the callback functions for both.

I wish to know how do I employ Javascript so that the multiple downloads are triggered simultaneously. One solution would be to use window.location , but that would trigger just single download. I can even do multiple window.open but the pop-up blocker would block this.

What other alternatives do I have for this situation?

Answer 1

You can use this function if you need to make the browser download files without using content-disposition: attachment;filename=filename header.

function aDownload( url, name ) {
    // Original code from https://github.com/eligrey/FileSaver.js
    // Rewrited to work without blobs
    // Will return true if worked
    var click, save_link, event;
    save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
    if( !("download" in save_link) ) return false; // a[download] not supported on this browser
    save_link.href = url;
    save_link.download = name;
    event = document.createEvent("MouseEvents");
    event.initMouseEvent(
        "click", true, false, window, 0, 0, 0, 0, 0
        , false, false, false, false, 0, null
    );
    return save_link.dispatchEvent(event); // false if event was cancelled
}

Answer 2

What you can do is create a hidden iframe with the src of the file for each download, something like:

function download(url){ 
  var iframe = document.createElement("iframe"); 
  iframe.src = url;
  iframe.style.display = "none"; 
  document.body.appendChild(iframe); 
}