sfr*_*frj 33 jsf file-upload jsf-2
我正在寻找一些博客,试图找到如何使用JSF 2.0上传文件但是所有的解决方案都让我感到困惑.我想知道我需要什么才能成功上传文件(MP3,PDF,视频......什么类型)并将其作为@Lob存储在数据库中.这是我到目前为止所做的:
我创建了一个具有byte []类型属性的实体,并且还使用@Lob注释进行了注释.
我创建了一个EJB,它将使用一个byte []作为参数的方法引入实体,并使用EntityManager类(persist方法)将其插入到数据库中.
我创建了一个JSF页面,其中包含"file"类型的输入标记和一个提交按钮
我准备了一个托管bean来与JSF页面交换有关该文件的信息.
现在我被卡住了,我有很多疑惑:
我应该怎么做才能将文件从JSF传递到托管bean,然后将其转换为byte [](能够将其处理到EJB)?
servlet如何帮助我?
我需要一个servlet吗?
另外我发现在一些博客中它提到了一些关于servlets 3.0的东西,但我不知道我的工作环境是否正在使用它,如果我使用servlets 3.0(我使用的是JEE6)怎么办?
我之前从未上过文件,也不熟悉servlet.我很困惑,有人可以给我一些开始提示,拜托?
Bal*_*usC 70
首先,这个(旧)问题和答案假定为JSF 2.0/2.1.从JSF 2.2开始,有一个本机<h:inputFile>组件,不需要第三方组件库.另请参见如何使用JSF 2.2 <h:inputFile>上传文件?保存的文件在哪里?
最简单的方法是使用Tomahawk for JSF 2.0.它提供了一个<t:inputFileUpload>组件.
这是一个循序渐进的教程:
为Servlet 3.0和JSF 2.0创建一个空白的动态Web项目.在web.xml必须遵守的Servlet 3.0规范,已经包含了JSF的servlet:
<?xml version="1.0" encoding="UTF-8"?>
<web-app
xmlns="http://java.sun.com/xml/ns/javaee"
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_3_0.xsd"
id="YourProjectName" version="3.0">
<display-name>Your Project Name</display-name>
<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>*.xhtml</url-pattern>
</servlet-mapping>
</web-app>
Run Code Online (Sandbox Code Playgroud)
在faces-config.xml必须符合JSF 2.0规范:
<?xml version="1.0" encoding="UTF-8"?>
<faces-config
xmlns="http://java.sun.com/xml/ns/javaee"
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-facesconfig_2_0.xsd"
version="2.0">
</faces-config>
Run Code Online (Sandbox Code Playgroud)
下载Tomahawk 1.1.10 for JSF 2.0.解压缩zip文件,转到该/lib文件夹并将所有*.jar文件复制到您的文件夹中/WEB-INF/lib.
它是18页的文件,其中batik*.jar和xml*.jar是不必要的单独使用t:inputFileUpload的组件.你可以把它们留下.
在中配置Tomahawk扩展过滤器web.xml.它是负责处理multipart/form-data通过HTTP发送文件所需的请求的人.
<filter>
<filter-name>MyFacesExtensionsFilter</filter-name>
<filter-class>org.apache.myfaces.webapp.filter.ExtensionsFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>MyFacesExtensionsFilter</filter-name>
<servlet-name>Faces Servlet</servlet-name>
</filter-mapping>
Run Code Online (Sandbox Code Playgroud)
需要注意的是,<servlet-name>必须完全匹配<servlet-name>的FacesServlet与您在definied web.xml.
创建一个简单的facelet, upload.xhtml:
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>Tomahawk file upload demo</title>
</h:head>
<h:body>
<h:form enctype="multipart/form-data">
<t:inputFileUpload value="#{bean.uploadedFile}" />
<h:commandButton value="submit" action="#{bean.submit}" />
<h:messages />
</h:form>
</h:body>
</html>
Run Code Online (Sandbox Code Playgroud)
注意该enctype="multipart/form-data"属性<h:form>,这对于能够使用HTTP发送文件非常重要.
创建一个简单的托管bean, com.example.Bean:
package com.example;
import java.io.IOException;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import javax.faces.context.FacesContext;
import org.apache.commons.io.FilenameUtils;
import org.apache.myfaces.custom.fileupload.UploadedFile;
@ManagedBean
@RequestScoped
public class Bean {
private UploadedFile uploadedFile;
public void submit() throws IOException {
String fileName = FilenameUtils.getName(uploadedFile.getName());
String contentType = uploadedFile.getContentType();
byte[] bytes = uploadedFile.getBytes();
// Now you can save bytes in DB (and also content type?)
FacesContext.getCurrentInstance().addMessage(null,
new FacesMessage(String.format("File '%s' of type '%s' successfully uploaded!", fileName, contentType)));
}
public UploadedFile getUploadedFile() {
return uploadedFile;
}
public void setUploadedFile(UploadedFile uploadedFile) {
this.uploadedFile = uploadedFile;
}
}
Run Code Online (Sandbox Code Playgroud)
那应该是它.通过http:// localhost:8080/projectname/upload.xhtml打开它.
至于你的具体问题:
我该怎么做才能将文件从JSF传递到托管bean,然后将其转换为byte [](能够将其处理到EJB)?
这在上面已得到解答.
servlet如何帮助我?
它能够处理和控制HTTP请求/响应.在JSF环境中,FacesServlet已经完成了所有工作.
我需要一个servlet吗?
在JSF环境中,这FacesServlet是强制性的.但它已经由API提供,您不需要自己编写一个.但是,为了能够从数据库下载文件,另一个servlet绝对有用.您可以在此处找到一个基本示例:用于提供静态内容的Servlet.
另外我发现在一些博客中它提到了一些关于servlets 3.0的东西,但我不知道我的工作环境是否正在使用它,如果我正在使用servlet 3.0(我正在使用JEE6)怎么办?
如果您正在使用像Glassfish 3,JBoss AS 6,Tomcat 7等Servlet 3.0容器并且web.xml声明为Servlet 3.0,那么您肯定使用的是Servlet 3.0.Servlet 3.0是Java EE 6的一部分.
为了完整起见,我只想提供一个功能齐全的自包含示例,说明如何使用非Ajax和Ajax请求来完成JSF 2.2.请记住,JSF 2.2使用不同的命名空间,您需要使用Servlet 3.0容器(如Tomcat 7.0.x,JBoss AS 6.x和7.x以及GlassFish 3.x).
fileUpload.xhtml
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head />
<h:body>
<h:form enctype="multipart/form-data">
<h:inputFile value="#{uploadBean.file}" />
<h:commandButton value="Post Upload" action="#{uploadBean.upload}" />
</h:form>
<h:form enctype="multipart/form-data">
<h:inputFile value="#{uploadBean.file}" />
<h:commandButton value="Ajax Upload">
<f:ajax listener="#{uploadBean.upload}" execute="@form"
render="countOutput" />
</h:commandButton>
<!-- Counts the uploaded items -->
<h:outputText id="countOutput"
value="Files uploaded #{uploadBean.filesUploaded}" />
</h:form>
</h:body>
</html>
Run Code Online (Sandbox Code Playgroud)
UploadBean.java:
@ManagedBean
@ViewScoped
public class UploadBean {
private int filesUploaded = 0;
//javax.servlet.http.Part (Servlet 3.0 API)
private Part file;
private String fileContent;
/**
* Just prints out file content
*/
public void upload() {
try {
fileContent = new Scanner(file.getInputStream())
.useDelimiter("\\A").next();
System.out.println(fileContent + " uploaded");
filesUploaded++;
} catch (IOException e) {
e.printStackTrace();
}
}
public int getFilesUploaded() {
return filesUploaded;
}
public Part getFile() {
return file;
}
public void setFile(Part file) {
this.file = file;
}
}
Run Code Online (Sandbox Code Playgroud)
也可以看看: