首頁  >  文章  >  web前端  >  javascript異步上傳圖片檔案的方法介紹

javascript異步上傳圖片檔案的方法介紹

巴扎黑
巴扎黑原創
2017-07-24 16:53:031544瀏覽
#html:
#
##        
##jquery:
##$("#addfile").on('change', function () {
    var f = $(this).get(0 ). files[0];
    var form = document.getElementById('myform');
    var formData = new FormData(form);#. ', f);
    var xhr = new XMLHttpRequest();
    xhr.addEventListener("load",#pload ", uploadFailed, false);
    xhr.open('POST', form.action);
    xhr.send(formData);
#);
#函數uploadComplete(evt)
{
    var data=evt.target.responseText
##}
函數uploadFailed()
{
    alert("上傳失敗!請重試!"); 
}

以上是javascript異步上傳圖片檔案的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn