js jq 图片上传功能
<input type="file" onchange="uploadHandler(this)">
<img src="" alt="" id="pic">
function uploadHandler(e) {
console.log(e.files[0])
// 先获取到选择文件
var file = e.files[0]
// 创建一个FormData对象
var formData = new FormData();
// 把选择的文件设置到formData中
formData.set('file', file)
$.ajax({
method: 'POST',
url: 'http://localhost:3000/file_upload',
data: formData,
processData: false,
contentType: false,
success: function (data) {
console.log(data);
$('#pic').attr('src', 'http://localhost:3000/update/' + data.data.file_url)
}
})
}