Here's the example:
Code: Select all
<p:fileUpload fileUploadListener="#{fileHandler.processFileUpload}"
ajax="false" id="documentToUpload"
allowTypes="*.pdf;*.doc;*.html;*.rtf;" description="Images"
update="messages" auto="true"
image="#{resource['skins/pep/images/btn_upload.gif']}"
customUI="true" />
Code: Select all
</script><span id="j_idt1:messages"></span><script type="text/javascript">PrimeFaces.onContentReady('j_idt1:documentToUpload', function () {
j_idt1_documentToUpload_widget = new PrimeFaces.widget.Uploader('j_idt1:documentToUpload', {
uploader:'/pep/primefaces_resource/2.0.0.RC/jquery/plugins/uploadify/uploadify.swf',script:'/pep/highschool_crls.jsf',cancelImg:'/pep/primefaces_resource/2.0.0.RC/jquery/plugins/uploadify/cancel.png',formId:'j_idt1:form',fileDataName:'j_idt1:documentToUpload',multi:false,auto:true,update:'messages',buttonImg:'/pep/pep/javax.faces.resource/skins/pep/images/btn_upload.gif.jsf',fileExt:'*.pdf;*.doc;*.html;*.rtf;',fileDesc:'Images'});
});
</script>
Code: Select all
buttonImg:'/pep/pep/javax.faces.resource/skins/pep/images/btn_upload.gif.jsf'
As a workaround specifying the absolute path instead of using #resource works ok:
Code: Select all
<h:form id="form" enctype="multipart/form-data" prependId="false">
<p:resources />
<p:growl id="messages" />
<p:fileUpload fileUploadListener="#{fileHandler.processFileUpload}"
ajax="false" id="documentToUpload"
allowTypes="*.pdf;*.doc;*.html;*.rtf;" description="Images"
update="messages" auto="true"
image="/resources/skins/pep/images/btn_upload.gif"
customUI="true" />
</h:form>