ファイルのアップロードの場合、複数のファイルを収集します:
<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 のみを使用しています。