webuploader实现上传图片到服务器功能

本文为大家分享了webuploader实现上传图片到服务器的具体代码，供大家参考，具体内容如下

效果图：

一、引入资源文件

1.1 引入webuploader.css文件

1.2 引入webuploader.min.js文件

二、HTML代码

 

  
选择文件
  开始上传
 
 
 

三、JavaScript代码

四、java代码

/**
  *
  * @Title: webuploadPic
  * @Description: webupload插件上传图片
  * @author: 大都督
  * @param files
  * @return
  * @throws IOException
  * @return: MessageInfo
  */
  @RequestMapping("/webupload_pic")
  @ResponseBody
  public MessageInfo webuploadPic(HttpServletRequest request) throws IOException {
   MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
   Map fileMap = multipartRequest.getFileMap();
   List file_url_list = Lists.newArrayList();
   for (MultipartFile file:fileMap.values()) {
    file_url_list.add("/pictures/"+FileUtil.uploadFile(file, pictures_url));
   }
   return ResultGenerator.genSuccessResult(file_url_list);
  }

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