利用ajax以及formData实现文件上传

<input type="file" id="file">

利用jquery实现上传

var el = $('#file')[0];
var formData = new FormData();
//如果没有el.files[0],则不执行后续操作
if(!el.files[0]){
    return;
 }
formData.append('file', el.files[0]);
$.ajax({
    url: '上传地址',
    type: 'POST',
    cache: false,
    data: formData,
    processData: false, //不处理发送数据
    contentType: false  //不设置请求头
}).done(function(res) {
    //上传成功操作
}).fail(function(res) {
    //上传失败操作
});

利用原生js实现上传

var el = $('#file')[0];
var formData = new FormData();
//如果没有el.files[0],则不执行后续操作
if(!el.files[0]){
    return;
 }
formData.append('file', el.files[0]);
var xhr = new XMLHttpRequest();
xhr.open('post', url地址);
xhr.onload = function(e) {
  var args =JSON.parse(e.currentTarget.response);
  // 通过返回数据的args中state字段判断上传状态
}
xhr.send(formData)