前端使用Ajax上传图片到后台

function uploadpic() {    var formData = new FormData(); var file = document.getElementById('file').files[0]; // var id_token = $('#id_token').val(); formData.append("file", file); // formData.append("id_token", id_token); $.ajax({        url: "${path }/user/uploadESignatureImg", type: "post", data: formData, dataType: "json", // cache: false,//上传文件无需缓存 processData: false,//用于对data参数进行序列化处理 这里必须false contentType: false, //必须*/ success: function (data) {           // console.log(data); $("#dianziqianmingImg").attr('src', '${path }' + data.msg).removeAttr('style').attr('style', 'width: 100px;height: 100px'); $("#dianziqianmingPath").val(data.msg)        }    });

} 

 

 

<form id="form1" enctype="multipart/form-data">    <input type="file" id="file" name="imgfile" onchange="uploadpic()">    <input type="hidden" name="dianziQianming" id="dianziqianmingPath"/></form>

 

 

@ResponseBody@RequestMapping("/uploadESignatureImg")public Object uploadESignatureImg(@RequestParam("file") MultipartFile file, HttpServletRequest request, HttpServletResponse response) {    String filePath = uploadESignature(file);    return renderSuccess(filePath);}

 

来源：https://www.cnblogs.com/aniymx/p/11742173.html