通常情况下上传图片是要通过提交form表单来实现的，但是这又不可避免的产生了网页转。
利用ajax技术和FormData()对象可以有效的解决这个问题
废话不多说 直接上关键代码：
html部分
File input
![]()
这里注意input标签的 type="file"
js部分：
上传成功！");
$('#img').attr('src',data.data);
} else {
$('#result').html("上传失败！");
}
console.log('imgUploader upload success');
},error: function(){
$("#result").html("与服务器通信发生错误");
}
});
}
function postPage() {
var uploada = document.getElementById('upload');
uploada.addEventListener("click",function () {
uploadFile();
},false);
}
window.onload = function () {
postPage();
}
nodejs部分：
同时还提供了混合上传，比如A类文件1个，B类文件2个。官方API有详细说明。
file为上传字段名称，当使用form表单submit方式上传时，必须与表单上传的name属性保持一致。
原文链接：https://www.f2er.com/ajax/38812.html