このDocument.ashx
のようなクエリ文字列から情報を読み取ることにより、その場でWord文書を作成する汎用ハンドラーDocument.ashx?clientid=123&documentid=10
があり、完全に機能します。
チェックボックスのリストとDownload All
ボタンを備えたインターフェースを作成する必要があります。私がこれまでに持っていた最良のアイデアは、このようなものを使用してハンドラーを呼び出すことです。
$("body").append("<iframe src='Document.ashx?clientid=123&documentid=10'></iframe>
<iframe src='Document.ashx?clientid=123&documentid=11'></iframe>")
ChromeとFirefoxはこれを期待どおりに処理しますが、IE9はユーザーに最初のファイルを保存するかどうかを尋ねますが、次のファイルは無視します。
クライアントから複数のファイルのダウンロードを開始するにはどうすればよいですか?
これはイントラネットサイト用であるため、ファイルは常に最大1秒で生成され、ユーザーは一度に最大3〜5個のドキュメントを選択します。大多数のユーザーはIE9を使用しています。 FirefoxまたはChrome)を使用する必要があることをすべての人に伝えることができますが、最近のすべてのブラウザーで機能するソリューションを見つけたいと思います。
Zipファイルサーバー側を作成したくないのは、Zipファイルサーバー側を常に最初に解凍する必要があり(理解するのが難しいため)、速度が低下するためです。
したがって、これはおそらくやり過ぎですが、IE9、FF7、およびChrome 16:
インスピレーション this SO post
jQueryプラグイン:
ハンドラーのC#:
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);
});
あなたのために仕事をするjQueryプラグイン:
次のようなJavaScriptループでダウンロードを呼び出すことができます。
<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>
これは古い質問ですが、最近この問題が発生し、自分のニーズに最適なこのソリューションを作成しました(Cookieを使用したくなく、コードをできるだけ単純にしたかった)。コードビハインド:
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
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);
}
DownloadFile(id)をループ内に配置するとうまくいきます。
基本的に、chromeはiFrameの処理でうまく機能しますが、IEは機能しません(IE9を使用しています)。これはCromeで機能しています。 v26、FF v19、IE9。
これで問題が解決する場合と解決しない場合がありますが、ここでは一般的なエラーが発生しています。 Iframeは自動終了タグではありません。多くのブラウザはこのhtmlを正しく解析しません。作ってみてください
$("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>")
また、一度に追加するとブラウザがフレームを正しく認識しない可能性があるため、各iframeを個別に追加してみてください。
$("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>");