关于rich:fileUpload和a4j:mediaOutput的使用

最新推荐文章于 2018-11-22 16:53:32 发布

最新推荐文章于 2018-11-22 16:53:32 发布 · 322 阅读

收录于

JSF

本文介绍了使用RichFaces的rich:fileUpload组件进行文件上传的方法，并详细解释了如何配置web.xml来实现文件上传功能。此外，还探讨了a4j:mediaOutput组件用于显示上传图片的实践技巧。

[b]rich:fileUpload上传图片[/b]

public synchronized void listener(UploadEvent event) throws Exception{
	    UploadItem item = event.getUploadItem();
	    File file = new File();
	    file.setLength(item.getData().length);
	    file.setName(item.getFileName());
	    file.setData(item.getData());
	    files.add(file);

	    uploadsAvailable--;
	}

这里使用item.getData()来获取数据要在web.xml里面配置createTempFiles属性，否则只能通过item.getFile()获取文件来获取数据！maxRequestSize可以限制上传文件的大小！
web.xml

<filter>
		<display-name>RichFaces Filter</display-name>
		<filter-name>richfaces</filter-name>
		<filter-class>org.ajax4jsf.Filter</filter-class>
		<init-param>
			<param-name>createTempFiles</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>maxRequestSize</param-name>
			<param-value>200000</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>richfaces</filter-name>
		<servlet-name>Faces Servlet</servlet-name>
		<dispatcher>REQUEST</dispatcher>
		<dispatcher>FORWARD</dispatcher>
		<dispatcher>INCLUDE</dispatcher>
	</filter-mapping>

a4j:mediaOutput显示图片

public synchronized void paint(OutputStream stream, Object object) throws IOException {
		stream.write(getFiles().get((Integer)object).getData());
	}

关于rich:fileUpload的注意事项：
immediateUpload：为true时浏览玩文件立即上传；
allowFlash：为true时有进度条；
acceptedTypes：接收上传的类型；
fileUploadListener：上传控件方法；
addControlLabel，uploadControlLabel...，*.Label可以控制显示的按钮的中英文，不过我尝试使某一些按钮隐藏，但都没成功！
还有就是如果你想通过document.getElementById（上传组件id）来获取组件内容，如果组件没有内容（如初始化，显示某个实体时，改实体没有上传图片），是不能获取组件内容的，你写的js后面的内容不能执行，感觉就是js错误！有内容之后，一切正常（不明白具体原因，可能是rich:fileUpload这个组件底层是用activeX做的吧！）

关于a4j:mediaOutput注意事项：
element：要输出什么类型，如img；
createContent：显示内容方法；
value：要输出的内容，对应着createContent里面的Object参数；
值得注意的是，如果value是btye[]类型的，不能超过5k，否则5k以上的内容不会显示！

还有其他一些值得注意的地方，待续！

标签

#richfaces #Web #XML #Servlet