2

ファイルのアップロードの場合、複数のファイルを収集します:

<input type="file" multiple onchange="uploadFiles(this)" id="fd" />

JS 関数では、uploadFiles()各ファイルを取得してformDataオブジェクトに追加します。

function uploadFiles(e)  {
  var fileList = document.getElementById(e.id).files;

  var fd = new FormData();
  for (var i = 0; i < fileList.length; i++) {
    var file = fileList[i];
    fd.append('files[]', file, file.name);
  }
}

最後に、AJAX 経由でサーバーにアップロードします。

各ファイル オブジェクトには、名前、LastModified、webkitRelativePath、サイズの 4 つのキーと値のパラメーターが含まれています。

サーバー側では、同じアップロード プロセスで送信したいファイルごとに追加情報 (ユーザーからの説明) が必要です。私の質問は:

オブジェクトにパラメーターを追加fileして、サーバー側の各ファイルを取得できるようにすることはできますか?

fileそうでない場合、オブジェクトに追加された各オブジェクトに追加のパラメーターをバインドする方法はFormData?

どんなヒントでも大歓迎です。情報: 私は純粋な JS のみを使用しています。

4

0 に答える 0