Java Miniui achieve bulk upload demo 201906221520

You may be required jar package:

Need miniui (similar easyui).

Test2019062201.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
    <script src="scripts/boot.js" type="text/javascript"></script>
    <script src="fileupload/swfupload/swfupload.js" type="text/javascript"></script>
    <script src="multiupload/src/multiupload.js" type="text/javascript"></script>
    <link href="multiupload/src/multiupload.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div id="multiupload1" class="uc-multiupload" style="width: 600px; height: 300px" 
        flashurl="fileupload/swfupload/swfupload.swf"
        uploadurl="UploadServlet" _autoUpload="true" _limittype="*.*"
        onuploaderror="onUploadError" onuploadsuccess="onUploadSuccess"
    >
    </div>

    <script type="text/javascript">
    
        var fileCount = 0;
         var grid = mini.get("multiupload1");
    
         mini.parse();
         
        function getData() {
            var data = grid.getData();
            var json = mini.encode(data);
            alert(json);
        }

        function onUploadSuccess(e) {
            fileCount++;
            var data = grid.getData();
            if(data.length == fileCount){
                mini.alert("全部文件上传成功!");    
            }
        }
        
        function onUploadError (E) { 
            mini.alert ( " upload failed: "  + e.file +  '  '  + e.message); 
        } 
    
    </ Script > 

</ body > 
</ HTML >

UploadServlet.java

package org.jimmy.testwebproject2019012602.servlet;

import java.io.File;
import java.io.IOException;
import java.util.Date;
import java.util.Enumeration;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.oreilly.servlet.MultipartRequest;

/**
 * @author ラピスラズリ(Dawn)
 * @date 2019年6月22日 下午3:10:01
 * @detail 批量上传文件
 */
public class UploadServlet extends HttpServlet {
    
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }

    @SuppressWarnings("rawtypes")
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String uploadPath = "upload";
        HttpSession session = request.getSession();
        String saveDirectory = session.getServletContext().getRealPath("/" + uploadPath);    
        MultipartRequest multi = new MultipartRequest(request, saveDirectory,
            100 * 1024 * 1024, "UTF-8");
        //如果有上传文件, 则保存到数据内
        Enumeration files = multi.getFileNames();
        while (files.hasMoreElements()) {
            String name = (String) files.nextElement();
            File f = multi.getFile(name);
            if(f != null) {
                 // read the project file is uploaded to the data stored introduced 
                String fileName = multi.getFilesystemName (name); 
                . Response.getWriter () Write (fileName + "(" + new new a Date () + ")") ;     // return a JSON string, to do more processing at the client                     
            } 
        } 
    } 

}

Java Miniui achieve bulk upload demo 201906221520

Guess you like