如果h：form的enctype =“ multipart / form-data”，则h：commandButton不会触发动作

金英华

2023-03-14

问题内容：

JSF： 1.2

服务器： Weblogic

我正在尝试实现多个文件上传。由于需要支持IE7，因此无法使用HTML5输入文件。因此，我计划添加一个按钮，单击该按钮将在页面中添加一个输入文件。

首先，我开始使用ADF Faces工作。但这没有用。那表现出意想不到的方式。

我还尝试了Tomahawk的文件上传组件，但是问题在于该组件，从后端添加了新文件上传后，以前创建的文件上传字段为空。不是UploadedFile实例。但这不能满足我的要求。因为我需要显示文件上传器中的所有路径，直到单击最后一个“提交表单”按钮。

然后，我得到了Apache Commons Fileupload的帮助。

我已经使用纯JSP尝试了此操作，并安装了fileupload，效果很好。

但是我想用apches文件上传来用JSF来实现它，而当我试图这样做时，它开始引起问题。

jspx页面如下：

<?xml version='1.0' encoding='utf-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html">
  <jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
              doctype-system="http://www.w3.org/TR/html4/loose.dtd"
              doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
  <jsp:directive.page contentType="text/html;charset=utf-8"/>
  <f:view>
    <html>
      <head>
        <meta http-equiv="Content-Type"
              content="text/html; charset=utf-8"/>
        <title>home</title>
      </head>
      <body>
        <h:form enctype="multipart/form-data">
            <input type="file" name="file"/>
            <h:commandButton value="Upload" action="#{uploadBean.upload}" />
        </h:form>
      </body>
    </html>
  </f:view>
</jsp:root>

我创建了一个过滤器，因为无法从action事件中获取正确的多部分请求。

web.xml是：

<?xml version = '1.0' encoding = 'windows-1252'?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5" xmlns="http://java.sun.com/xml/ns/javaee">
  <context-param>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>server</param-value>
  </context-param>
  <filter>
    <filter-name>UploadFilter</filter-name>
    <filter-class>com.edfx.massupload.filter.UploadFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>UploadFilter</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
  </filter-mapping>
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>/home.jspx</welcome-file>
  </welcome-file-list>
</web-app>

UploadFilter：

import java.io.IOException;

import java.util.ArrayList;
import java.util.List;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;


public class UploadFilter implements Filter {
    private FilterConfig _filterConfig = null;

    public void init(FilterConfig filterConfig) throws ServletException {
        _filterConfig = filterConfig;
    }

    public void destroy() {
        _filterConfig = null;
    }

    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        System.out.println("Filter");
        if (!(request instanceof HttpServletRequest)) {
            chain.doFilter(request, response);
            return;
        }

        HttpServletRequest httpRequest = (HttpServletRequest)request;

        boolean isMultipartContent = ServletFileUpload.isMultipartContent(httpRequest);

        if (!isMultipartContent) {
            chain.doFilter(request, response);
            return;
        }

        long maxFileSize = (1024 * 1024 * 1024);
        DiskFileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        upload.setHeaderEncoding("UTF-8");
        upload.setSizeMax(maxFileSize);
        upload.setFileSizeMax(maxFileSize);

        try {
            List<FileItem> items = upload.parseRequest(httpRequest);
            System.out.println(items.size());
            List<FileItem> files = new ArrayList<FileItem>();            
            for (FileItem item : items) {
                if (!item.isFormField()) {
                    files.add(item);
                }
            }

            httpRequest.setAttribute("files", files);
        } catch (FileUploadException ex) {
            ex.printStackTrace();
        }

        chain.doFilter(request, response);
    }
}

最后是托管bean：

import javax.faces.context.FacesContext;

import javax.servlet.http.HttpServletRequest;

public class UploadBean {
    public UploadBean() {
        super();
    }

    public String upload() {
        System.out.println("====JYM");
        HttpServletRequest httpRequest = (HttpServletRequest)FacesContext.getCurrentInstance().getExternalContext().getRequest();
        System.out.println(httpRequest.getAttribute("files"));
        return "";
    }
}

我的目标是通过JavaScript或jQuery动态添加输入文件字段，在JSP中效果很好，我想在JSF中获得它。

如果我enctype="multipart/form-data"从中删除，h:form则该action方法正在执行，否则不会执行。

任何建议对我都会很有帮助。

问题答案：

这里，

for (FileItem item : items) {
    if (!item.isFormField()) {
        files.add(item);
    }
}

您将忽略所有表单字段，例如按钮本身。当继续这样的请求时，JSF将不知道按钮已被调用，因此根本不会排队任何操作。

您需要添加一个，else以将中的所有表单字段收集Map<String, String[]>起来，并使用来包装请求，该请求HttpServletRequestWrapper在所有getParameterXxx()调用中均委托给该映射，最后使用已包装的请求继续过滤链。这样，JSF将发现按钮已被调用，然后排队执行适当的操作。

如果h：form的enctype =“ multipart / form-data”，则h：commandButton不会触发动作

相关阅读

相关文章

相关问答

相关工具

相关文档