微客导航 » 文章资讯 » SpringMVC上传图片代码实例

SpringMVC上传图片代码实例

2023-08-16 13:09:04 356

这篇文章主要介绍了SpringMVC上传图片代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1、前端H5







修改头像

上传头像图片

（仅限上传单张10M以下png、jpg图片）

2、JS

$("#btn_upload").click(function(){
$("#InputFile").trigger("click");
openUploads("InputFile");
});
functionopenUploads(id){
$("#"+id).unbind().change(function(){
varformdata=newFormData();
formdata.append('file',$("#"+id)[0].files[0]);//获取图片信息
//console.log($("#"+id)[0].files[0]);
$.ajax({
type:'POST',
url:"http://localhost:8078/lifeTrackDB/UploadUserAvatars",
data:formdata,
cache:false,
dataType:'json',
processData:false,
contentType:false,
success:function(result)
{
console.log(result);
if(result.status)
{
//$('#'+id).attr('src','images/UserAvatars/'+result.message);
alert(result.message);
}
else
{
$.alert(result.message,'');
}
}
});
});
}

3、JAVA后台

@RequestMapping(value="/UploadUserAvatars")
@ResponseBody
publicvoidUploadUserAvatars(HttpServletRequestrequest,HttpServletResponseresponse,
@RequestParam(value="file")Listfiles)throwsException{

Stringpath=System.getProperty("user.dir");

if(null!=files||0!=files.size()){
for(MultipartFilefile:files){
//System.err.println("文件名："+file.getOriginalFilename()+"---contentType："+file.getContentType());
file.transferTo(newFile(path+"/UserAvatars/"+file.getOriginalFilename()));
response.getWriter().write("{\"status\":true,\"code\":\"200\",\"message\":\"上传成功\"}");
}
}else{
//response.getWriter().write("handleCallback({\"status\":false,\"code\":\"200\",\"message\":\"上传失败\"})");
response.getWriter().write("{\"status\":false,\"code\":\"200\",\"message\":\"上传失败\"}");
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

SpringMVC上传图片代码实例

修改头像

热门推荐

随机推荐