強制使用jquery下載所有<a>標記上的文件

Question

我正在實施數字內容的結帳流程。當用戶下訂單時，我會向他展示他購買的所有產品以及產品旁邊的下載鏈接。我的客戶希望當成功頁面被加載時，所有的產品都應該自動下載。

以下是代碼片段：頁面的

HTML代碼段有產品

<p>Some digital product name</p> 
<a class='digital-download' href="<?php echo Yii::app()->request->getBaseUrl('true'); ?>/site/downloadfile/filename/<?php echo $digital_download['filename']; ?>">Click here download</a> 

我對發起文件的下載動作的PHP代碼（downloadfile行動的下載鏈接）：

public function actionDownloadFile($filename) { 
    $file = Yii::app()->request->getBaseUrl(true) . '/upload/digitaluploads/' . $filename; //file location 
    header('Content-Type: application/octet-stream'); 
    header('Content-Disposition: attachment; filename="' . basename($file) . '"'); 
    readfile($file); 
} 

現在，因爲我的客戶希望加載的頁面時的所有文件會自動下載，我嘗試使用以下的jQuery：

$(document).ready(function() {  
    $('.digital-download').each(function() { 
     var download_link = $(this).attr("href"); 
     window.location = download_link; 
    }); 
}); 

問題：

它只啓動第一個文件，其他文件下載的下載沒有啓動。此外下面的jQuery事件根本不起作用：

$(document).ready(function() { 
    $('.digital-download').each(function() { 
     $(this).click(); 
    }); 
}); 

任何解決方案？

Answer 1

在我看來最好的解決方法是使用iframes

$('a.digital-download').each(function(){ 
    $('<iframe></iframe>', {src: $(this).attr('href')}) 
     .css({ 
      width:0, 
      height:0, 
      border:'none' 
     }) 
     .appendTo('body'); 
}); 

文件將在其中加載和下載將開始

編輯：最近不得不作出這個解決方案工作，純JavaScript

var body = document.getElementsByTagName('body'), 
    elements = document.getElementsByClassName('digital-download'), 
    element, src; 
for(var I in elements) 
{ 
    if(elements.hasOwnProperty(I) && elements[I].attributes.length > 0) 
    { 
     src = null; 
     for(var O in elements[I].attributes) 
     { 
      if(elements[I].attributes.hasOwnProperty(O) && elements[I].attributes[O].name == 'href') 
      { 
       src = elements[I].attributes[O].value; 
      } 
     } 
     if(typeof src != 'undefined' && null !== src) 
     { 
      element = document.createElement('iframe'); 
      element.style.width = 0; 
      element.style.height = 0; 
      element.style.borderWidth = 0; 
      body[0].appendChild(element); 
      element.src = src; 
     } 
    } 
}