这篇文章主要为大家详细介绍了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);
}

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

您可能感兴趣的文章:

• 关于webuploader插件使用过程遇到的小问题
• 推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
• 百度多文件异步上传控件webuploader基本用法解析
• 使用WebUploader实现上传文件功能（一）
• 快速掌握jQuery插件WebUploader文件上传
• webuploader 实现图片批量上传功能附实例代码
• webuploader模态框ueditor显示问题解决方法
• 使用WebUploader实现分片断点上传文件功能（二）
• webuploader分片上传的实现代码（前后端分离）
• php + WebUploader实现图片批量上传功能

依据《信息网络传播权保护条例》第二十二条之规定，即“避风港原则”，本站所有文章及内容系第三方作者上传，如有侵权行为请及时联系本站删除，本站不对内容传播行为承担赔偿责任。