1

jQuery File Uploadで既にファイルをアップロードできますが、次の 2 つの理由から、UI 部分を自分で実行しようとしています。

  • 私が望む外観はjQuery UIとはかなり異なります
  • このプラグインの内部をもう少し学ぶために

私の問題は、ファイルがドロップされた後、次のアクションを完了するために必要なフローを理解できないように見えることです:

  1. initUpload で、ファイルごとにリスト項目を追加します
  2. onProgress、それぞれのリスト項目にファイルのアップロードの進行状況を表示します
  3. onLoad で、リスト項目のテキストを「Complete」に変更します

1を適切に行う方法を見つけました：

initUpload: function(event, files, index, xhr, handler, callBack) {
  console.log("here, create list item for " + files[index].fileName);
  callBack();
  return false;
}

私の問題は、リスト項目を作成した後、それぞれのリスト項目を参照する方法がわからないことです。またはのいずれonLoadかonProgressで、(またはそれらの関数に渡される他の引数) を検査するhandlerと、更新するそれぞれのリスト項目を参照する方法が見つからないようです。

各リスト項目を適切に更新するにはどうすればよいですか?

乾杯！

4

1 に答える 1

1

ハンドラー コールバック間でオブジェクトを共有する:

  • リスト アイテムを参照するには、handlerパラメータを使用できます。これは、異なる callBack メソッド間で共有されるオブジェクトですが、個々のファイル アップロードごとに一意です。
  • ハンドラーオブジェクトにはファイル アップロード設定が含まれており、ファイルアップロードの初期化ごとに複製されます。
  • 追加のオブジェクト (リスト アイテムやアップロード行など) を格納する方法の例は、jquery.fileupload-ui.jsのソース コードにあります。

UI の実装について:

  • jquery.fileupload.js と jquery.fileupload-ui.js の両方を使用する場合でも、jQuery UI の使用はオプションです。
  • 独自の進行状況バーの視覚化を実装するには、initProgressBar オプションを利用できます。
  • uploadTable/downloadTable および buildUploadRow/buildDonwloadRow オプションは、HTMLの tableおよびtr要素を参照する必要はありませんが、 HTML のulおよびli要素などを表すこともできます。
于 2011-03-04T03:39:27.730 に答える