JavaScriptで画像ファイルを非同期アップロードする方法の紹介

html：

jquery：

$("#addfile").on('change', function () {

var f = $(this).get(0).files[0];

var form = document.getElementById('myform');

var formData = new FormData(form);

formData.append('Filedata ', f);

var xhr = new XMLHttpRequest();

xhr.addEventListener("load", uploadComplete, false);

xhr.addEventListener("error", uploadFailed, false);

xhr.open ('POST', form.action);

xhr.send(formData);

});

function uploadComplete(evt)

{

var data=evt.target.responseText

}

function UploadFailed()

{

alert("上传失败！请重试！"); 

}

以上がJavaScriptで画像ファイルを非同期アップロードする方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。