layui实现本地文件上传

1. 下载layui
2. 引入js

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

3. 实现文件上传

<button type="button" style="outline: none;border: none;background: transparent;color: red;" id="u_fileUpload">
  U盘上传
</button>

<script>
 layui.use('upload', function(){
        var upload = layui.upload;
        //执行实例
        upload.render({
            elem: '#u_fileUpload' //绑定元素
            ,url: '${filePlatAddr}atta/uploadFile.do' //上传接口
            ,exts: 'xls|xlsx|csv|zip|pdf|doc|docx|png|jpeg|jpg|gif'// 设置允许上传的格式
            ,done: function(res){
                //上传完毕回调
             		Dialog.alert(res.data);
            }
            ,error: function(){
                //请求异常回调
                Dialog.alert(res.msg);
            }
        });
    });
</script>

4. 接口调用问题

<!-- 处理文件上传，在spring-context.xml配置multipartResolver -->
<bean id="multipartResolver" class="com.zfsoft.sys.config.MyMultipartResolver">
  <property name="maxUploadSize" value="102400000"></property>
</bean>

//   MultipartResolver 和ServletFileUpload冲突的问题,添加一个过滤需要MultipartResolver接口的过滤
@Configuration
public class MyMultipartResolver extends CommonsMultipartResolver {
    /**
     * 这里是处理Multipart http的方法。如果这个返回值为true,那么Multipart http body就会MyMultipartResolver 消耗掉.如果这里返回false
     * 那么就会交给后面的自己写的处理函数处理例如刚才ServletFileUpload 所在的函数
     * @see org.springframework.web.multipart.commons.CommonsMultipartResolver#isMultipart(javax.servlet.http.HttpServletRequest)
     */
    @Override
    public boolean isMultipart(HttpServletRequest request) {
        boolean contains = request.getRequestURI().contains("atta/uploadFile.do");
        if (contains){
            return super.isMultipart(request);
        }
        return false;
    }
}

// 上传文件请求及返回参数问题,返回参数要为json，需要添加@ResponseBody
@ResponseBody
@RequestMapping(value = "/uploadFile.do")
public Map<String,Object> uploadFile(MultipartFile file, HttpServletRequest request) {
  try {
       InputStream is = file.getInputStream();
       String name = file.getOriginalFilename();
       String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
       String ret = HttpConnectionUtil.uploadFile(basePath + FileManageUtil.UPLOAD_SINGLE_FILE, name, null, is);
       org.json.JSONObject jsonObject = new org.json.JSONObject(ret);
       org.json.JSONObject result = jsonObject.optJSONObject("result");
       if (result != null) {
           String oid = result.optString("oid");
           Map<String,Object> relMap = new HashMap<String,Object>();
           relMap.put("msg", "ok");
           relMap.put("code", 200);
           relMap.put("data", oid);
           return relMap;
       }
   } catch (Exception e) {
       e.printStackTrace();
   }
   return null;
}