HTML 5 FormDataオブジェクトのアップロードファイルの使用
1724 ワード
Webフロント-HTML 5 FormDataオブジェクト
今日任務をする時jsの非同期のアップロードのファイルを書く必要があってそれから1つのFormDataのオブジェクトを認識しました
FormDataオブジェクトの利点は、バイナリファイルを非同期でアップロードできることです.たとえば、次のようになります.
その後、アップロードファイルをクリックし、バックグラウンドの下に移動してFormDataオブジェクトを使用する必要があります.コードは以下の通りです.
FormDataオブジェクトはappendメソッドを使用して、転送された数字または文字を自動的に文字列に変換できます.IE 10+のブラウザをサポートします.
ファイルをアップロードするだけでなく、HTMLフォームを使用してFormDataオブジェクトを初期化することもできます.詳細は、「夢の空のブログ」および「ブログformData」を参照してください.
今日任務をする時jsの非同期のアップロードのファイルを書く必要があってそれから1つのFormDataのオブジェクトを認識しました
FormDataオブジェクトの利点は、バイナリファイルを非同期でアップロードできることです.たとえば、次のようになります.
type="files" id="textfiled" multiple="multiple"/>//multiple
その後、アップロードファイルをクリックし、バックグラウンドの下に移動してFormDataオブジェクトを使用する必要があります.コードは以下の通りです.
var files = document.getElementById("textfiled");// id
var oMyform = new Formdata();// Formdata
oMyform.append("files",files.files);//“files” ( ),files.files, 。
var oReq = new XMLHttpRequest();// 。
oReq.open("POST","yowosoft/user/XXX",true);// , 。
oReq.send(oMyform);// 。
FormDataオブジェクトはappendメソッドを使用して、転送された数字または文字を自動的に文字列に変換できます.IE 10+のブラウザをサポートします.
ファイルをアップロードするだけでなく、HTMLフォームを使用してFormDataオブジェクトを初期化することもできます.詳細は、「夢の空のブログ」および「ブログformData」を参照してください.