上传头像
1.使用文件上传中间件multer
npm install multer --save
2.jade界面表单
.form-group
label File input
input#file(type='file', name='file')
p#result
img#img(src='')
button#upload.btn.btn-default 提交
3.ajax获取发起请求(upload.js)
/**
* 图片上传
*/
var url = '/uploadUserImage';
$('#upload').click(function () {
var file = document.getElementById("file");
var formData = new FormData();
formData.append('file',file.files[0]);
$.ajax({
url: url,
type: 'POST',
data: formData,
// async: false,
cache: false,
contentType: false,
processData: false,
success: function(data){
if(200 === data.code) {
$('#result').html("上传成功!");
$('#img').attr('src',data.data);
} else {
$('#result').html("上传失败!");
}
console.log('imgUploader upload success');
},
error: function(){
$("#result").html(