custom-fields - fine-uploader の各ファイルにフィールドを追加

Question

初めて Fine-Uploader を実装しようとしています。

アップロード保留中の各ファイルにテキスト フィールドを追加する方法はありますか? ユーザーに各ファイルの内容にコメントしてもらい、これらの情報を保存してもらいたいです。

説明ありがとう。ダリオ。

Answer 1

UI に表示される各ファイルの横に入力テキスト フィールドを追加する場合 (FineUploader モードを使用していると仮定しています)、次の操作を実行できます。

1. autoUploadオプションを false に設定します。これは当たり前のようですが、とにかくリストする必要があると思いました。これを false に設定しない場合、ユーザーがファイルを選択するとすぐにファイルがアップロードされます。これはあなたのワークフローには合わないと思います。

2. onSubmittedコールバック ハンドラを定義します。このハンドラーでは、idパラメーターを使用して、関連するgetItemByFileIdAPI メソッドのハンドラーを取得できます。

3. UI でファイルを表す要素を取得したら、その横に入力フィールドを追加できます。おそらく、後でこのフィールドをファイルに関連付けるために使用できるデータ属性または css クラスを追加する必要があります。

4. ユーザーが選択したすべてのファイルのアップロードを開始する準備ができたときにクリックするボタンを作成するつもりだと思います。おそらく、これらのファイルに関連付けられたテキストフィールドに入力した後です。uploadStoredFilesそのため、 API メソッドを呼び出すクリック ハンドラをこのボタンに追加できます。

5. onUploadまた、コールバック ハンドラを提供する必要があります。ハンドラーが呼び出されると (ファイルごとに 1 回、アップロード前に)、関連付けられたテキスト フィールドから値を取得し、setParamsAPI メソッドを使用して、このファイルのアップロード (POST) 要求をパラメーターとしてこの値を送信します。を呼び出すときは、最後のパラメーターとしてファイル ID を含めることを忘れないでくださいsetParams。