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

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

十载的德令哈网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整德令哈建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“德令哈网站设计”,“德令哈网站推广”以来，每个客户项目都认真落实执行。

效果图：

一、引入资源文件

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);
  }

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

文章标题：webuploader实现上传图片到服务器功能
分享路径：http://dzwzjz.com/article/jodhij.html

大橙子网站建设，新征程启航

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

其他资讯