HTML5 AJAX複数のファイルのアップロード

Question

は私が

/* If you want to upload only a file along with arbitary data that 
     is not in the form, use this */ 
    var fd = new FormData(); 
    fd.append("file", document.getElementById('file').files[0]); 

    /* If you want to simply post the entire form, use this */ 
    //var fd = document.getElementById('form1').getFormData(); 

    var xhr = new XMLHttpRequest();   
    xhr.upload.addEventListener("progress", uploadProgress, false); 
    xhr.addEventListener("load", uploadComplete, false); 
    xhr.addEventListener("error", uploadFailed, false); 
    xhr.addEventListener("abort", uploadCanceled, false); 
    xhr.open("POST", "Upload.php"); 
    xhr.send(fd); 

、（jqueryの$.postが何らかの理由でHTML5で動作しないようです）このプレーンJSのAJAXアップロードコードに出くわした。しかし、私はここでは二つの問題、

を持っています

1. オブジェクトの後ろのこの行はどういう意味ですかFormData？

fd.append("file", document.getElementById('file').files[0]);

は、なぜ私はそこにIDが必要なのでしょうか？ jquery append()と$('input[type=file]')を使用して何かできますか？

1. このajaxは1つのファイルのアップロード用ですが、複数のファイルをアップロードするためにどのように変更できますか？

Answer 1

この行はオブジェクトFormDataの後に何を意味しますか？

fd.append("file", document.getElementById('file').files[0]); 

document.getElementById('file')は、そのIDによって<input type="file" id="file">要素を取得します。 element.files[0]は、要素から最初に選択されたファイルを取得します。 fd.append("file", file)は、フィールド名がfileのFormDataインスタンスに追加します。 fdは、後でmultipart/form-data XHRリクエスト本体として送信されます。

---

は、なぜ私はそこにIDが必要なのでしょうか？ jquery append()と$('input[type=file]')を使用して何かできますか？

IDは必要ありません。ドキュメントのIDで<input type="file">を取得できるようにするには、すべての例の後です。この例のappend()関数はthe FormData APIの一部であり、jQueryのappend()関数と混同しないでください。 append()の1番目の引数はIDではなくフィールド名を表します。彼らが同じであることはちょうど偶然のことです。

---

このAjaxは、単一のファイルアップロード用で、どのように私は複数のファイルをアップロードするためにそれを変更することができますか？

FormDataに複数のフィールドを追加するだけです。答えてくれてありがとうは