图片上传不提交前端回显
<td >
<img id="" src="" >
</td>
<td >
<input type="file" id="" name="file" onchange="previewFile(this)">
</td>
function previewFile(obj) {
var preview = $(obj).parent().prev().children("img")[0];
var file = obj.files[0];
var reader = new FileReader();
reader.onloadend = function (evt) {
preview.src = reader.result;
}
if (file) {
reader.readAsDataURL(file);
var formData = new FormData();
formData.append("file",file);
$.ajax({
type: "POST",
url: "",
data: formData,
async: true,
processData: false,
contentType: false,
success:function(data){
if (data.code == 0) {
parent.layer.msg("操作成功");
} else {
parent.layer.msg(data.msg);
}
}
});
} else {
preview.src = "";
}
}
@RequestMapping("/")
public void uploadInfo(MultipartFile file) throws Exception{
}