Télécharger plusieurs fichiers sans utiliser de fichier zip

J'ai un générique gestionnaire Document.ashx qui crée des documents Word à la volée par la lecture des informations de la chaîne de requête comme ceci Document.ashx?clientid=123&documentid=10 et il fonctionne parfaitement.

J'ai besoin de créer une interface avec une liste de cases à cocher et un Download All bouton. La meilleure idée que j'ai eu jusqu'à présent est d'utiliser quelque chose comme cela pour faire les appels pour le gestionnaire.

$("body").append("<iframe src='Document.ashx?clientid=123&documentid=10'></iframe>
                  <iframe src='Document.ashx?clientid=123&documentid=11'></iframe>")

Chrome et Firefox gérer cela comme prévu, bien que IE9 invite l'utilisateur à demander si ils veulent sauver le premier fichier, mais ignore les fichiers suivants.

Comment puis-je commencer le téléchargement de plusieurs fichiers à partir de la client?

C'est pour un site intranet afin que les fichiers sont toujours générés dans ~1 seconde, les utilisateurs seraient en sélectionnant ~3 à 5 documents à la fois. La grande majorité des utilisateurs sont à l'aide de IE9. Je peux dire à tout le monde qu'ils ont d'utiliser Firefox ou Chrome, mais je préfère trouver une solution qui fonctionne dans tous les navigateurs modernes.

Je ne veux pas créer un fichier zip côté serveur, car alors ils l'ont toujours fait pour décompresser d'abord (ce qui sera trop difficile pour certains de comprendre) et il les ralentit.

source d'informationauteur Greg

  1. 10

    Donc c'est probablement exagéré, mais travaille dans IE9, FF7, et Chrome 16:

    Inspiré par cette SORTE de post

    Plugins jQuery:

    C# dans le gestionnaire de:

    public void ProcessRequest (HttpContext context) {

    ...

    if (!string.IsNullOrEmpty(context.Request.QueryString["downloadid"])) 
          Response.Cookies[context.Request.QueryString["downloadid"]].Value = "complete";
}

    Javascript/jQuery:

    function downloadFile(url, downloadid) {
//set a cookie with a unique download id
$.cookie(downloadid, 'pending', { path: '/' });
//create a new url
var newurl = $.param.querystring(url, { downloadid: downloadid });
//append an iframe with new url
$("body").append("<iframe style='height:0;width:0;' data-downloadid='" + downloadid + "' src='" + newurl + "'></iframe>");
}
function downloadComplete(downloadid) {
//check if download is pending
return $.cookie(downloadid) == "complete";
}
function downloadManager(arrDownloads) {
//loop through download items backwards
var allComplete = false;
for (var i = arrDownloads.length; i > 0; i--) {
if (downloadComplete(arrDownloads[i - 1].downloadid)) {
//download the next one if it exists
if (i == arrDownloads.length) {
allComplete = true;
}
else {
downloadFile(arrDownloads[i].url, arrDownloads[i].downloadid);
}
//stop checking for completed downloads
break;
}
}
if (allComplete) {
//remove cookies
for (var i = arrDownloads.length; i > 0; i--) {
$.cookie(arrDownloads[i - 1].downloadid, null, { path: '/' });
}
//remove iframes
$("iframe[data-downloadid]").remove();
}
else {
setTimeout("downloadManager(" + JSON.stringify(arrDownloads) + ");", 500);
}
}
function downloadFiles(arrurls) {
var arrDownloads = [];
for (var i = 0; i < arrurls.length; i++) {
var item = new Object();
item.url = arrurls[i];
item.downloadid = newGuid();
arrDownloads.push(item);
}
//start the first download
downloadFile(arrDownloads[0].url, arrDownloads[0].downloadid);
//initiate the manager
downloadManager(arrDownloads);
}
$(function () {
var arrurls = [];
arrurls.push("Document.ashx?clientid=123&documentid=10");
arrurls.push("Document.ashx?clientid=123&documentid=11");
arrurls.push("Document.ashx?clientid=123&documentid=12");
arrurls.push("Document.ashx?clientid=123&documentid=13");
arrurls.push("Document.ashx?clientid=123&documentid=14");
downloadFiles(arrurls);
});
  2. 5

    plugin jQuery qui va faire le travail pour vous:

    github.com/biesiad/multiDownload

  3. 0

    Cela peut ou peut ne pas résoudre votre problème, mais vous faites une erreur courante ici. Iframes ne sont pas auto-balises de fermeture. De nombreux navigateurs ne sera pas analyser correctement ce html. Essayez de rendre 

    $("body").append("<iframe src='Document.ashx?clientid=123&documentid=10'>If you can read this, please use a newer browser</iframe>
<iframe src='Document.ashx?clientid=123&documentid=11'>If you can read this, please use a newer browser</iframe>")

    Aussi, vous voulez essayer d'ajouter chaque iframe de façon indépendante, que les navigateurs ne peuvent pas être reconnaissant les images correctement lorsqu'il est ajouté tout à la fois:

    $("body").append("<iframe src='Document.ashx?clientid=123&documentid=10'>If you can read this, please use a newer browser</iframe>");
$("body").append("<iframe src='Document.ashx?clientid=123&documentid=10'>If you can read this, please use a newer browser</iframe>");
  4. 0

    Je sais que c'est une vieille question, mais j'ai eu ce problème récemment et a créé cette solution la mieux adaptée à mes besoins (je n'ai pas envie d'utiliser des cookies et je voulais le code pour être aussi simple que possible). Dans le code behind:

    Protected Sub DownloadFile(fileId As String)
If Request.Browser.Browser = "Chrome" Then
'open iframes dynamically for multiple downloads
ClientScript.RegisterStartupScript(Me.GetType(), fileId, _
"<script language='javascript'>createIframeForDownloadHandler('" & fileId & "');</script>")
Else
'open windows for multiple downloads
ClientScript.RegisterStartupScript(Me.GetType(), fileId, _
"<script language='javascript'>openWindowForDownloadHandler('" & fileId & "');</script>")
End If
End Sub

    Voici les fonctions javascript:

    function openWindowForDownloadHandler(fileId) {
//open a new window. setting height and width foces new window as opposed to new tab
window.open('FileShareDownloadHandler.ashx?id=' + fileId, '_blank', 'width=100,height=100,left=0,top=0');
}
function createIframeForDownloadHandler(fileId) {
var element = document.createElement("iframe");
element.setAttribute('id', 'myframe' + fileId);
element.setAttribute('style', 'display:none;');
element.setAttribute('src', 'FileShareDownloadHandler.ashx?id=' + fileId);
document.body.appendChild(element);
}

    Mettre DownloadFile(id) à l'intérieur d'une boucle fonctionne bien.

    En gros, j'ai trouvé chrome fonctionne bien avec la manipulation de l'iframe, mais IE n'est pas (j'utilise IE9). Ce travail a été pour moi sur Chrome v26, FF v19, IE9.

  5. 0

    Vous pouvez appeler à télécharger dans une boucle javascript comme ceci:

    <a id="downloadAll" href="#">Download All</a>
<script>
var downloadSelected = $('a#downloadSelected');
var doc_ids = ['10', '11'];
for (var i in doc_ids) {
var uri = 'Document.ashx?clientid=123&documentid=' + doc_ids[i];
var iframe = $("<iframe/>").attr({
src: uri,
style: "visibility:hidden;display:none"
}).appendTo(downloadAll);
}
</script>