使用Ajax XmlHttpRequest上傳文件

嗨，我正在嘗試使用此代碼發(fā)送帶有xmlhttprequest的文件。

var?url=?"http://localhost:80/....";

$(document).ready(function(){

document.getElementById('upload').addEventListener('change',?function(e)?{

var?file?=?this.files[0];

var?xhr?=?new?XMLHttpRequest();

xhr.file?=?file;?//?not?necessary?if?you?create?scopes?like?this

xhr.addEventListener('progress',?function(e)?{

var?done?=?e.position?||?e.loaded,?total?=?e.totalSize?||?e.total;

console.log('xhr?progress:?'?+?(Math.floor(done/total*1000)/10)?+?'%');

},?false);

if?(?xhr.upload?)?{

xhr.upload.onprogress?=?function(e)?{

var?done?=?e.position?||?e.loaded,?total?=?e.totalSize?||?e.total;

console.log('xhr.upload?progress:?'?+?done?+?'?/?'?+?total?+?'?=?'?+?(Math.floor(done/total*1000)/10)?+?'%');

};

}

xhr.onreadystatechange?=?function(e)?{

if?(?4?==?this.readyState?)?{

console.log(['xhr?upload?complete',?e]);

}

};

xhr.open('post',?url,?true);

xhr.setRequestHeader("Content-Type","multipart/form-data");

xhr.send(file);

},?false);

});

但我得到了這個錯誤：請求被拒絕，因為沒有找到多部分邊界幫助我..

總結(jié)

以上是生活随笔為你收集整理的php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。