博主介绍:本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮助到您;
🍅文章末尾获取源码下载方式🍅
目录
1:效果演示
2:客户端提交文件
FinalHttp finalHttp = new FinalHttp();
AjaxParams params = new AjaxParams();
try {
params.put("userImage", new File(imagePath));
} catch (FileNotFoundException e) {
e.printStackTrace();
}
finalHttp.post(Consts.URL + "uploadImage", params, new AjaxCallBack<Object>() {
@Override
public void onStart() {
super.onStart();
}
@Override
public void onSuccess(Object o) {
super.onSuccess(o);
JSONObject jo = null;
try {
jo = new JSONObject((String)o);
} catch (JSONException e) {
e.printStackTrace();
}
ResponseEntry entry = new ResponseEntry();
entry.setRepCode(jo.optString("repCode"));
entry.setRepMsg(jo.optString("repMsg"));
if (jo.optString("repCode").equals("666")) {
userImage = jo.optString("data");
Picasso.with(CreateFoodActivity.this).load(Consts.URL_IMAGE + jo.optString("data"))
.placeholder(R.drawable.default_drawable_show_pictrue).into(mivShop);
}
}
@Override
public void onFailure(Throwable t, int errorNo, String strMsg) {
super.onFailure(t, errorNo, strMsg);
}
});
3:服务端接口代码
@RequestMapping("/uploadImage") @ResponseBody public void uploadImg(HttpServletRequest request, HttpServletResponse response, @RequestParam("userImage") MultipartFile imgFile){ KindEditorResult result = new KindEditorResult(); try { // 获取绝对路径 String realPath = request.getServletContext().getRealPath("/upload"); File imageFolder = new File(realPath); //查看是否有该文件夹 if (!imageFolder.exists()) { //如果不存在 imageFolder.mkdirs(); //创建该文件夹 } //如果存在,将图片的名称重新命名 String fileName = imgFile.getOriginalFilename(); String suffixName = fileName.substring(fileName.lastIndexOf(".")); String imageName= UUID.randomUUID()+suffixName; // 上传文件 imgFile.transferTo(new File(realPath, imageName)); result.setError(0); result.setUrl(realPath + "/" + imageName); result.setMessage("上传图片成功!"); JSONObject jsonmsg = new JSONObject(); jsonmsg.put("repMsg", "ok"); jsonmsg.put("repCode", "666"); jsonmsg.put("data",imageName); response.getWriter().print(jsonmsg);// 将路径返回给客户端 System.out.println(jsonmsg); } catch (Exception e) { result.setMessage("上传图片出错!"); } }
4:KindEditorResult类
public class KindEditorResult { private Integer error;// 0成功 1失败 private String url;// 上传成功时路径 private String message;// 上传失败时信息 public Integer getError() { return error; } public void setError(Integer error) { this.error = error; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } public String getMessage() { return message; } public void setMessage(String message) { this.message = message; } }
5:图片的显示
<img data-action="zoom" style="padding: 5px" height="35px" width="50px" src="${model.image}" />
大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻获取联系方式👇🏻👇🏻👇🏻