I trying to disable the file upload (PrimeFaces JSF) when I add 5 files without uploading the files. Just when select 5 files.
<p:fileUpload
styleClass="button-text-icon-left"
label="Up"
id="Up"
mode="advanced"
dragDropSupport="false"
multiple="true"
sizeLimit="10000000"
allowTypes="/(\.|\/)^[^.]+$|\.(?!(exe)$)([^.]+$)/"
fileLimit="5"
fileLimitMessage="Exceeds the maximum of 5 files. "
invalidSizeMessage="The file exceeds 10 MB, please reduce the size. "
previewWidth="30"
widgetVar="upcomponent"
invalidFileMessage="EXE files are not allowed. " />
I tried to use onAdd method but it doesn't work in that version of primefaces or a used in that way.
<p:fileUpload mode="advanced" multiple="true" auto="true"
listener="#{testView.handleFileUpload}"
onAdd="console.log(this);console.log(file);callback.call(this, file);"/>
Related
I am using prime faces file upload feature in my application form, whenever i upload the file it is not displaying the preview image in screen.
I would like to know which attribute and class to refer for this issue. please find the sample code below.
<fileUpload
id="uploadImage"
fileLimit="1"
fileUploadListener="#{publicSarFormDataBean.handleFileUpload}"
process="#form"
mode="advanced"
multiple="false"
auto="true"
onstart="PF('statusDialog').show()"
oncomplete="PF('statusDialog').hide(), PF('documentListTbl').filter()"
dragDropSupport="true"
sizeLimit="1000000000"
allowTypes="/(\.|\/)(png|jpeg|JPEG|jpg|JPG)$/"
invalidFileMessage="File is invalid"
update="messages"
styleClass="Fleft FontBold">
</p:fileUpload>
The 'preview' is only relevant before uploading. And since you have auto="true" the files are automatically uploaded and a preview in the p:fileUpload is useless.
It is all working fine in the PrimeFaces upload showcase
I'm using PrimeFaces 5.1.In fileUpload upload multiple files that time avoid for duplicate files to upload becuase I'm already upload tes.jpg again upload same it will be support so that time avoid to duplicate files.
<p:fileUpload fileUploadListener="#{fileUploadView.handleFileUpload}"
mode="advanced" dragDropSupport="false" multiple="true" update="messages"
fileLimit="6" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
In this fileUpload, I need to make it to allow any type of files except image file types. However, it seems like my regular expression in allowTypes is not work. Do you guys have any idea how to do this?
This is my code:
<p:fileUpload id="anyfiles" fileUploadListener="#{newsAdminBean.handleFilesUpload}" mode="advanced" auto="true" dragDropSupport="false" multiple="true" sizeLimit="5242880" allowTypes="/(\.|\/)(\*|^png|^jpe?g|^gif)$/" uploadLabel="อัพโหลด" cancelLabel="ยกเลิก" label="เลือก" process="#this,upTablists" update="upTablists" invalidSizeMessage="ขนาดไฟล์เกิน 5 MB"/>
I need to upload multiple files, but I need to upload them all together then the "submit" button is clicked (that either ALL files are stored, or nothing).
How can I achieve this?
And how can I get a list of files which I uploaded?
here is my code:
<h:form>
<p:fileUpload fileUploadListener="#{bean.moveFile}" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" mode="advanced" dragDropSupport="true" multiple="true" />
<h:commandButton value="Speichern" action="#{bean.submit}" />
</h:form>
Check out the Primefaces Showcase. The handleFileUpload method gets called for every uploaded file. If you want to have a list of uploaded files, just store them in an adequate data structure.
If you need to know how to store a specific uploaded file, read these articles:
1.) j2ee primefaces fileupload file saving destination
2.) How to Upload a file using JSF/Primefaces?
3.) Where does p:fileUpload save my file?
form:
<h:form enctype="multipart/form-data">
<p:fileUpload value="#{testController.file}"
mode="simple"
allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>
</h:form>
is there any way to add an image preview of the file that is to be uploaded after choosing a file? I know advance mode of fileUpload does this job, but i need it to be in simple mode.