RichFaces rich（fileUpload组件用法） _文件上传

本文概述

样式类和皮肤参数
例子

用于将文件上传到服务器。它提供了许多我们可以在应用程序中使用的属性。
它具有许多功能, 包括多个上载, 进度条, 文件类型限制和要上载文件大小的限制。
样式类和皮肤参数下表包含样式类和相应的外观参数。

类(选择器)	Function	Skin Parameters	映射的CSS属性
.rf-fu	它用于定义文件上传控件的样式。	generalBackgroundColor面板BorderColor	background-color border-color
.rf-fu-hdr	它用于为文件上传控件的标题定义样式。	headerBackgroundColor	背景色, 边框色
.rf-fu-lst	它用于定义文件上传控件中列表的样式。	没有皮肤参数。
.rf-fu-cntr-hdn	隐藏文件时, 用于定义文件上传容器的样式。	没有皮肤参数。
.rf-fu-btns-lft, .rf-fu-btns-rgh	它用于定义文件上传控件左右按钮的样式。	没有皮肤参数。
.rf-fu-btn-add	它用于定义文件上传控件中” 添加” 按钮的样式。	trimColor panelBorderColor	background-color border-color
.rf-fu-btn-cnt-add	它用于定义文件上传控件中” 添加” 按钮的内容的样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-btn-add-dis	禁用文件上传控件时, 用于定义” 添加” 按钮的样式。	tableFooterBackgroundColor	background-color border-color
.rf-fu-btn-cnt-add-dis	用于禁用文件上载控件中” 添加” 按钮的内容的样式。	tabDisabledTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-btn-upl	它用于为文件上载控件中的” 上载” 按钮定义样式。	TrimColor panelBorderColor	background-color border-color
.rf-fu-btn-cnt-upl	它用于定义文件上载控件中” 上载” 按钮的内容的样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-btn-clr	它用于定义文件上传控件中” 清除” 按钮的样式。	trimColor panelBorderColor	背景色边框色
.rf-fu-btn-cnt-clr	它用于定义文件上传控件中” 清除” 按钮的内容的样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-itm	它用于定义文件上载控件中项目的样式。	panelBorderColor	border-bottom-color
.rf-fu-itm-rft, .rf-fu-itm-rgh	这些类用于在文件上传控件的左侧和右侧定义项目的样式。	没有皮肤参数。
.rf-fu-itm-lbl	它用于定义文件上载控件中项目标签的样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-itm-st	它用于定义文件上载控件中项目状态的样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-itm-lnk	它用于定义文件上载控件中链接项目的样式。	generalLinkColor generalFamilyFont generalSizeFont	颜色字体系列字体大小
.rf-fu-inp	它用于定义文件上载控件中输入字段的样式。	没有皮肤参数。
.rf-fu-inp-cntr	它用于在文件上载控件中为输入字段容器定义样式。	没有皮肤参数。

例子在下面的示例中, 我们正在实现< rich：fileUpload> 组件。本示例包含以下文件。
JSF文件
// file-upload.xhtml

< ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"xmlns:rich="http://richfaces.org/rich"> < f:view> < h:head> < title> File Upload Example< /title> < /h:head> < h:body> < h:form> < rich:fileUpload uploadLabel="Upload file"acceptedTypes="jpg, jpeg, gif"data="http://www.srcmini.com/#{uploadFile.fileName}"maxFilesQuantity="2"immediateUpload="true"maxFileSize="10000"> < /rich:fileUpload> < /h:form> < /h:body> < /f:view> < /ui:composition>

托管豆
// UploadFile.java

import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; @ManagedBean@RequestScopedpublic class UploadFile {String fileName; public String getFileName() {return fileName; }public void setFileName(String fileName) {this.fileName = fileName; }}

输出