使用JSP和Servlet上传多个文件

4
我正在开发一款动态网页应用程序,我希望用户能够同时上传多个文件供应用程序使用。我不知道用户一次可能会上传多少个文件,可能是2个或者100多个文件。我刚开始接触JSP动态网页应用程序,从一个单独的上传文件开始,但我不确定该怎么做下去。我查看了一些例子,但没有找到确切符合我要求的内容。这是我现在的进展情况:
Servlet:
package Servlets;
import java.io.File;  
import java.io.IOException;  
import java.io.PrintWriter;  
import java.util.Iterator;   
import java.util.List;  
import javax.servlet.ServletException;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.apache.commons.fileupload.FileItem;  
import org.apache.commons.fileupload.FileItemFactory;  
import org.apache.commons.fileupload.FileUploadException;  
import org.apache.commons.fileupload.disk.DiskFileItemFactory;  
import org.apache.commons.fileupload.servlet.ServletFileUpload;  

public class UploadServlet extends HttpServlet 
{  

private static final long serialVersionUID = 1L;

    @Override  
      protected void doPost(HttpServletRequest request, HttpServletResponse response)  
          throws ServletException, IOException 
          {  
            boolean isMultipart = ServletFileUpload.isMultipartContent(request);  
            response.setContentType("text/html");  
            PrintWriter out = response.getWriter();  
            if (isMultipart) 
            {  
                // Create a factory for disk-based file items  
                FileItemFactory factory = new DiskFileItemFactory();  
                // Create a new file upload handler  
                ServletFileUpload upload = new ServletFileUpload(factory);  
                try 
                {  
                    // Parse the request  
                    List items = upload.parseRequest(request);  
                    Iterator iterator = items.iterator();  
                    while (iterator.hasNext()) 
                    {  
                        FileItem item = (FileItem) iterator.next();  
                        if (!item.isFormField())  
                        {  
                            String fileName = item.getName();      
                            String root = getServletContext().getRealPath("/");  
                            File path = new File(root + "/uploads");  
                            if (!path.exists())  
                            {  
                                boolean status = path.mkdirs();  
                            }  
                            File uploadedFile = new File(path + "/" + fileName);  
                            System.out.println(uploadedFile.getAbsolutePath());  
                        if(fileName!="")  
                            item.write(uploadedFile);  
                        else  
                        out.println("file not found");  
                        out.println("<h1>File Uploaded Successfully....:-)</h1>");  
                    }  
                    else  
                    {  
                        String abc = item.getString();  
                        out.println("<br><br><h1>"+abc+"</h1><br><br>");  
                    }  
                }  
            } 
            catch (FileUploadException e) 
            {  
            out.println(e);  
            } 
            catch (Exception e) 
            {  
            out.println(e);  
            }  
        }  
        else  
        {  
            out.println("Not Multipart");  
        }  
      }  
}

JSP文件:

<form method="post" action="UploadServlet" enctype="multipart/form-data">
Select file to upload:
    <p><input type="file" name="dataFile" id="fileChooser" />&nbsp;
    <input type="submit" value="Upload" multiple="multiple" /></p>
</form>

我正在寻找一种上传多个文件并在列表中显示它们的方法。

你遇到的问题是以上代码的具体问题是什么? - Amadan
这让我能够上传单个文件,我正在寻求如何上传多个文件的指导。 - user3029610
https://dev59.com/UmIk5IYBdhLWcg3wL7fj#19842732 - Vishal Shah
7个回答

5

请查看使用Servlet 3.0上传文件的示例代码。

这是一个使用Servlet3.0上传单个文件的可用代码。可以看到,代码已经大大简化了。并且不依赖于Apache库。

只需使用下面的index.html即可。

<html>
<head></head>
<body>
<form action="FileUploadServlet" method="post" enctype="multipart/form-data">
Select File to Upload:<input type="file"  name="fileName" multiple/>
<br>
<input type="submit" value="Upload"/>
</form>
</body>
</html>

唯一的变化是我使用了多个属性


在Windows弹出窗口中,即使按住Ctrl键或鼠标选择,也不允许选择多个文件。 - Kaushik Lele

1

我使用JSP / Servlet上传了多个文件。以下是我使用的代码。

<form action="UploadFileServlet" method="post">
<input type="text" name="description" />
<input type="file" name="file" />
<input type="submit" />
</form>

另一方面,服务器端使用以下代码。
    package com.abc..servlet;

import java.io.File;
---------
--------


/**
 * Servlet implementation class UploadFileServlet
 */
public class UploadFileServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public UploadFileServlet() {
        super();
        // TODO Auto-generated constructor stub
    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        response.sendRedirect("../jsp/ErrorPage.jsp");
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub

            PrintWriter out = response.getWriter();
            HttpSession httpSession = request.getSession();
            String filePathUpload = (String) httpSession.getAttribute("path")!=null ? httpSession.getAttribute("path").toString() : "" ;

            String path1 =  filePathUpload;
            String filename = null;
            File path = null;
            FileItem item=null;


            boolean isMultipart = ServletFileUpload.isMultipartContent(request);

            if (isMultipart) {
                FileItemFactory factory = new DiskFileItemFactory();
                ServletFileUpload upload = new ServletFileUpload(factory);
                String FieldName = "";
                try {
                    List items = upload.parseRequest(request);
                    Iterator iterator = items.iterator();
                    while (iterator.hasNext()) {
                         item = (FileItem) iterator.next();

                            if (fieldname.equals("description")) {
                                description = item.getString();
                            }
                        }
                        if (!item.isFormField()) {
                            filename = item.getName();
                            path = new File(path1 + File.separator);
                            if (!path.exists()) {
                                boolean status = path.mkdirs();
                            }
                            /* START OF CODE FRO PRIVILEDGE*/

                            File uploadedFile = new File(path + Filename);  // for copy file
                            item.write(uploadedFile);
                            }
                        } else {
                            f1 = item.getName();
                        }

                    } // END OF WHILE 
                    response.sendRedirect("welcome.jsp");
                } catch (FileUploadException e) {
                    e.printStackTrace();
                } catch (Exception e) {
                    e.printStackTrace();
                } 
            }   
    }

}

1

哦... 乍一看,似乎是一个简单的错误。multiple 是文件输入框的属性,而不是提交按钮的属性。


我修改了它,但是没有成功。 - user3029610
似乎我在重复同样的评论,但是“no dice”并没有提供任何有用的反馈,无法指出具体出了什么问题,也无法告诉别人如何帮助你。“如建议所述,我已经像这样更改了代码:<snippet>,但我仍然无法上传多个文件”是有用的。或者,“...但现在即使我上传更多的文件,服务器端组件也只能找到其中一个。”是有用的。“no dice”就像去急诊时说“医生,有些事情很奇怪”,一样没有信息量。 - Amadan
@user3029610,请在您的问题代码中进行更改。 - Kaushik Lele

0

images.jsp

选择文件:

storeimages.java servlet

public class storeimages extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException,
                                                   IOException {

String sav_dir=""; //this will be a folder inside
        //directory
        PrintWriter out =response.getWriter();

        //if you want u can give this at run time
         sav_dir="6022"; //in my case folder name is 6022 
         //you can alse set this at dynamic

        int flag = 0;

        //now set the path
        //this is the path where my images are stored
        //now u can see the code
 String savepath="K:/imageupload"+File.separator +sav_dir;   

 File file = new File(savepath);

 if(!file.exists()){

     file.mkdir();
 }

 String filename="";

 List<Part> fileParts = request.getParts().stream().
filter(part->"file".equals(part.getName())).collect(Collectors.
        toList());

for(Part filePart: fileParts){
    filename=Paths.get(filePart.getSubmittedFileName()).
    getFileName().toString();

    filePart.write(savepath+File.separator+filename);
    flag=1;


}
         if(flag==1){

             out.println("success");
         }

         else{

             out.println("try again");
         }

     //now save this and run the project
    }
}

0
你只需要写上multiple这个关键词,因为multiple是一个布尔变量,仅仅定义它就会使它对你的标签来说是真的。以下是示例:

<input type="file" name="file" id="file" multiple/> 

这将让您一次选择多个文件。祝好运


0
这是我的做法。它会动态地添加和删除字段(多个文件)。对其进行验证,并在验证时调用操作方法,即servlet并存储在数据库中。 ** html/jsp ** .jsp文件
<div class="recent-work-pic">
<form id="upload_form" method="post" action="uploadFile" enctype="multipart/form-data" >
<input type="hidden" id="counter" value="1" >
<a href="javascript:void(0);" class="remove_fields"  id="add_fields">Add</a>
<div class="record"><input type="file" placeholder="Upload File" name="uploadFile_0" class="upload_input"></div>
<div id="add_field_div"></div>
<button type="submit" class="btn btn-read">Submit</button>
</form>
<p>${message}</p>
 </div>

jQuery验证

<script>
$(document).ready(function(){
    $('#add_fields').click( function(){
        add_inputs()
    });

    $(document).on('click', '.remove_fields', function() {
        $(this).closest('.record').remove();
    });
    function add_inputs(){
        var counter = parseInt($('#counter').val());
        var html = '<div class="record"><input type="file" placeholder="Upload File" name="uploadFile_' + counter + '" class="upload_input"><a href="javascript:void(0);" class="remove_fields">Remove</a></div>';
        $('#add_field_div').append(html);
        $('#counter').val( counter + 1 );
    }
    $('form#upload_form').on('submit', function(event) {
        //Add validation rule for dynamically generated name fields
    $('.upload_input').each(function() {
        $(this).rules("add", 
            {
                required: true,
                messages: {
                    required: "File is required",
                }
            });
    });

});
$("#upload_form").validate();


});
</script>

servlet

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

//      KeycloakPrincipal principal = (KeycloakPrincipal) request.getUserPrincipal();


        PrintWriter writer = response.getWriter();
        Properties properties = new Properties();
        properties.load(this.getClass().getClassLoader().getResourceAsStream("/resources/datenBank.properties"));

        if (!ServletFileUpload.isMultipartContent(request)) {
            writer.println("Fehler: Form must has enctype=multipart/form-data.");
            writer.flush();
            return;
        }
        String message = null;
        InputStream inputStream = null;
        Connection dbConnection = null;

        String page = "";
        try {
            for (Part filePart : request.getParts()) {
                System.out.println("filePart" + filePart.getName() + "-----" + filePart.getSize());
                if (filePart != null && filePart.getSize() != 0) {
                    inputStream = filePart.getInputStream();

                    System.out.println("inputStream" + inputStream);
                     HttpSession session=request.getSession();  
                     session.setAttribute("username",request.getRemoteUser());  
                    Class.forName(properties.getProperty("driverClassName"));
                    dbConnection = DriverManager.getConnection(properties.getProperty("url"), properties.getProperty("username"), properties.getProperty("password"));
                    if (dbConnection != null) {

                            String sql = "INSERT INTO skl_lieferung (file_name, file_size, file_content,file_content_type, entry_time, user) values (?,?,?,?,?, ?)";
                            PreparedStatement statement = dbConnection.prepareStatement(sql);

                            if (inputStream != null) {
                                statement.setString(1, getFileName(filePart));
                                statement.setLong(2, filePart.getSize());
                                statement.setBlob(3, inputStream);
                                statement.setString(4, filePart.getContentType());
                            }

                            Calendar calendar = Calendar.getInstance();
                            java.sql.Date entryDate = new java.sql.Date(calendar.getTime().getTime());
                            statement.setDate(5, entryDate);
                            statement.setString(6, request.getRemoteUser());
                            //statement.setString(6, username);

                            int row = statement.executeUpdate();
                            if (row > 0) {
                                message = "Datei hochgeladen und in der Datenbank gespeichert";
                            }else {
                                message = "Fehler: Connection Problem";
                            }
                        }                   message = "Datei hochgeladen und in der Datenbank gespeichert";

                        }else {
                            page = "index.jsp";
                            System.out.println("cannot execute if condition");
                            message = "Das Upload-Feld darf nicht leer sein ";
                            RequestDispatcher dd = request.getRequestDispatcher(page);
                            dd.forward(request, response);
                            return;
                        }
                } 
            }catch (Exception exc) {
            page = "index.jsp";
            message = "Fehler: " + exc.getMessage();
            exc.printStackTrace();
        } finally {
            if (dbConnection != null) {
                try {
                    dbConnection.close();
                } catch (SQLException ex) {
                    ex.printStackTrace();
                }
                page = "index.jsp";
                request.setAttribute("message", message);
                RequestDispatcher dd = request.getRequestDispatcher(page);
                dd.forward(request, response);
            }
        }
    }

    private String getFileName(Part part) {
        for (String content : part.getHeader("content-disposition").split(";")) {
            if (content.trim().startsWith("filename")) {
                return content.substring(content.indexOf('=') + 1).trim().replace("\"", "");
            }
        }
        return null;
    }

我希望人们觉得它有用!!


-1

要上传单个文件,您应该使用一个带有属性type="file"的单个标签。为了允许多个文件上传,请包含多个具有不同名称属性值的输入标签。浏览器将为每个标签关联一个浏览按钮。

也就是说,多次使用以下行:

<input type="file" name="dataFile" id="fileChooser" /><br><br>

请参考此链接获取详细信息

希望这可以帮到你。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接