5

ブートストラップの複数ファイル アップロード プラグインを使用してファイルをアップロードしています。このリンクにある例を使用しています。ここで、「ファイルの追加」ボタンのほかに「アップロードのキャンセル」ボタンをもう 1 つ追加したいと思います。[アップロードのキャンセル] ボタンをクリックすると、アップロード プロセスが停止します。この問題を回避するために私を助けてください。ありがとう

4

2 に答える 2

0

hereのプラグインのドキュメントで答えを見つけることができると思います。ここにコードを投稿します。

var jqXHR = $('#fileupload').fileupload('send', {files: filesList})
    .error(function (jqXHR, textStatus, errorThrown) {
        if (errorThrown === 'abort') {
            alert('File Upload has been canceled');
        }
    });
$('button.cancel').click(function (e) {
    jqXHR.abort();
});

上記のコードは、プログラムによって (手動で) ファイルをアップロードすることを意味します。このような場合、fileupload 関数の 2 番目の引数は、files プロパティとして File または Blob オブジェクトの配列 (または配列のようなリスト) を持つオブジェクトでなければなりません。したがって、上記のコードを実行する前にファイル配列を取得する必要があります。

var filesList = $("#fileupload").get().files;

以下のように FileList を配列に変換する必要があるかどうかはわかりませんが、試すことができます。

var i,files = $("#fileupload").get().files,filesList=[];
for(i=0;i<files.length;i++){
    filesList.push(files.item(i))
}

ただし、ここには制限があることに注意してください。ファイルは、IE10+ およびその他の最新のブラウザーでのみサポートされています。

詳細については、ここにいくつかの記事をリストします。

  1. jQuery-File-Upload プログラムによるファイルのアップロード
  2. Web アプリケーションからのファイルの使用
  3. FileList API
于 2013-12-17T08:37:03.700 に答える