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

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

巴扎黑
發布: 2017-07-24 16:53:03
原創
1552 人瀏覽過
#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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板