webuploader文件上传涵盖预览、删除、拖拽、自定义属性、后台代码、前台ssm封装及详细说明

环境：

webuploader

spring

springmvc

js

jsp

预期：

功能：

可删除、可自动上传、可定义大小、上传类型、自定义属性、上传成功后依然可以删除不影响表单提交

业务：

前台jsp中一行标签引入文件上传，且可配置。

在表单提交时能获取已上传成功的文件的列表，并包含其自定义属性。

 

具体demo下载路径：https://download.csdn.net/download/qq_33333654/11604166

 

环境搭建spring,mvc,jsp,js自行百度，核心讲解webuploader。

webuploader所需文件：

webuploader.css    webuploader.js

效果预览展示：

 

 

老规矩，直接上代码

自定义tag     fileUploaderMC.tag

<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/webpage/include/taglib.jsp"%>
<%@ attribute name="fileLimit" type="java.lang.Integer" required="false" description="最大上传数"%>
<%@ attribute name="threads" type="java.lang.Integer" required="false" description="线程数"%>
<%@ attribute name="acceptFlg" type="java.lang.String" required="false" description="上传限制标记(不传递默认不限制)"%>
<%@ attribute name="comp" type="java.lang.Boolean" required="false" description="上传前是否压缩"%>
<%@ attribute name="auto" type="java.lang.Boolean" required="false" description="选完文件后，是否自动上传(true:将隐藏上传按钮)"%>
<%@ attribute name="dup" type="java.lang.Boolean" required="false" description="是否允许重复图片"%>
<%@ attribute name="url" type="java.lang.String" required="true" description="文件上传地址"%>




    

        

            

            
或将照片拖到这里，单次最多可选300张
        
    
    

        

            0%
            
        

        

            
 style="display: none" >开始上传
        
    

 前台Jsp引用：

后台代码：

@RequestMapping(value = "/uploader")
public String webUploaderPic(@RequestParam(value="file",required=false) MultipartFile file,HttpSession session, HttpServletResponse response){
   AjaxJson j = new AjaxJson();
   User user = UserUtils.getUser();
   if(user == null){
      j.setSuccess(false);
      return renderString(response, j);
   }
   UploadFileEntity fileEntity = FileUtils.pcUpLoad(Constants.PC_UPLOAD_FILE_FIST_NAME, user.getLoginName(), file, session);
   j.put("fileEntity",fileEntity);
   return renderString(response, j);
}

 OK

具体可下载我的压缩包进行操作有详细代码