layui的多图片传输，一次链接实现---Ajax与SSH之间FormData()的传递

前端js

需要导入jquery.js 下载

Action中的代码

   protected static final String MAIN_JSP = "/WEB-INF/page/main.jsp";
    protected static final String UP_IMAGE_JSP = "/WEB-INF/page/Upload_Image.jsp";
    private JSONArray data;
    private UploadImage uploadImage = new UploadImage();

    private HttpServletRequest request = ServletActionContext.getRequest();
    //请求过来的路径
    private String realURL = request.getSession().getServletContext().getRealPath("/");
    //文件存储路径
    private final String TEMP_URL = realURL; 
    public JSONArray getData() {
     
        return data;
    }

    public void setData(JSONArray data) {
     
        this.data = data;
    }
    public File[] getFile() {
     
        return file;
    }

    public void setFile(File[] file) {
     
        this.file = file;
    }

    private File[] file;//解析请求信息，获取表单传过来的File //获取FormData
    


    private String[] fileContentType;//上传图片类型

    public String[] getFileContentType() {
     
        return fileContentType;
    }

    public void setFileContentType(String[] fileContentType) {
     
        this.fileContentType = fileContentType;
    }

    private String[] fileFileName;//文件名

    public String[] getFileFileName() {
     
        return fileFileName;
    }

    public void setFileFileName(String[] fileFileName) {
     
        this.fileFileName = fileFileName;
    }
 //单链接多图片上传
    public String uploadImage() throws Exception {
     
        System.out.println("接收到前台发过来的信号");
        JSONArray jsonArray = new JSONArray();
        List uploadImage = new ArrayList();
        if(file.length>0){
     //有文件输入
        //调用图片上传的接口
        uploadImage = uploadImageService.uploadImage(file, TEMP_URL, fileFileName);
        }
        setForwardView(MAIN_JSP);
        //如果上传成功，则返回消息
        if(!uploadImage.isEmpty()){
     
        request.setAttribute("msg",1);
        jsonArray = JSONArray.fromObject(uploadImage);
        System.out.println("--获取到转换为json格式的内容:"+jsonArray.toString());
        this.setData(jsonArray);
        }
        return SUCCESS;
    }

Service类

Properties properties = new Properties();
    protected final int SIZE = 10;//一次最多上传10个图片
    //上传图片的Service方法
    @Override
    public List uploadImage(File[] files, String TEMP_URL, String[] fileFileName) throws IOException {
     
        //定义图片上传数组
        List uploadImages = new ArrayList();
        String[] uploadFileURL = new String[SIZE];
        //获取配置文件的信息
        properties = PropertiesLoaderUtils.loadAllProperties("conf//imagePath.properties");
        //获取配置文件的imagesURL
        String URL = properties.getProperty("imagesURL");
        TEMP_URL.replaceAll("/","/\\");
        File file = new File(TEMP_URL + URL);//文件存储绝对路径
        if(!file.exists()){
     
            file.mkdir();//如果文件不存在则创建文件
        }else {
     
            System.out.println("创建目录" + "失败，目标目录已经存在");
        }
        boolean flag = false;
        for(int i=0;i;i++){
     
            //图片文件名   为避免重名生成一个uuid作为文件名的前缀
            String imageName = "image-" + UUID.randomUUID().toString().replace("-", "") + "_" + fileFileName[i];
            //把图片拷贝到对应的文件夹
            try {
     
                FileUtils.copyFile(files[i], new File(file, imageName));
                flag = true;
            }catch (Exception e){
     
                e.printStackTrace();
            }
            if(true==flag){
     //图片上传成功
                //文件相对路径
                uploadFileURL[i] = URL.replaceAll("\\\\", "") + "/" + imageName;

                System.out.println("文件名：" + imageName);
                //文件类型
                String fileType = fileFileName[i];
                //获取文件后缀名
                fileType = fileType.substring(fileType.lastIndexOf(".") + 1);

                System.out.println("文件类型：" + fileType);
                //创建图片信息类并初始化参数
                UploadImage uploadImage = new UploadImage(getImageSize(files[i].length()), fileType, imageName, TEMP_URL.replaceAll("\\\\", "/") + uploadFileURL[i], uploadFileURL[i]);
                //存储图片文件信息到数组中
                uploadImages.add(uploadImage);
            }
        }

        return uploadImages;
    }