Check for the type of the file uploaded
Requirement
Only allow the file upload field to accept file types PDF, XLS, or XLXS. Display an alert message when any other file type is detected.
Use case
A restaurant app contains a form to store supplier receipts as files. When an admin uploads a receipt which is not a PDF, XLS, or XLXS file, an alert will be displayed and form submission will be restricted.
Steps to follow
|
Form
|
Form Link Name
|
Field Type
|
Field Link Name
|
Field Name
|
|
Upload Invoice
|
Upload_Invoice
|
File Upload
|
Invoice
|
Invoice
|
The workflow is to be triggered when the admin uploads an invoice in the
Upload Invoice
form, so we are selecting the
Form Event
as "User input of a field".
3. Save the following Deluge script in the Deluge editor:
- //Assign the list of allowed extensions to allowed_list
- // Include/exclude required extensions to/from this list
- allowed_list = {"pdf","xls","xlsx"};
- // Perform validation only if the input field isn't empty
- if(input.Invoice != "")
- {
- // Find the extension of the uploaded input file
- ext = input.Invoice.toList(".").get(input.Invoice.toList(".").size() - 1);
- // Display an alert message if the extension of the uploaded file doesn't match with any of the values of the allowed_list.
- if(!allowed_list.contains(ext))
- {
- alert "This file type is not accepted";
- }
- }
To restrict the form from being submitted if invalid values are entered on the form, the same validation needs to be performed before submission. So, we are selecting the
Form Event
as "Validations on form submission".
5. Repeat the validation from step 3 and
restricts the form from being submitted
if a file with invalid type is uploaded.
allowed_list = {"pdf","xls","xlsx"};
- if(input.Invoice != "")
- {
- ext = input.Invoice.toList(".").get(input.Invoice.toList(".").size() - 1);
- if(!allowed_list.contains(ext))
- {
- alert "This file type is not accepted";
- // Restricts the form from being submitted
- cancel submit;
- }
- }
See how it works
Points to note
-
This tutorial demonstrates the use case with a File Upload field type. The same snippet would also work for the Audio and Video field types.
-
Unlike the other file type fields, applying the input keyword on an Image field doesn’t directly return the file name.
- info Input.Image;
Returns the file path in the following HTML format:
<img src = " https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1624276872234_SamplePNGImage_100kbmb.png" lowqual = " https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1624276872234_710" medqual = " https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1624276872234_710" downqual = " https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1624276872234_SamplePNGImage_100kbmb.png" border = "0"></img>To fetch the file extension from the returned value, use the following snippet:
- src = input.Image.executeXPath("/img/@src").executeXpath("/src/text()");
- //Fetches the value stored against the src attribute
- ext = src.toList(".").get(src.toList(".").size() - 1);
- // Fetches the extension of the file from the file path
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Parse data from uploaded CSV files into fields
Requirement When users upload CSV files, their data is parsed and the values are inserted into the required fields of another form. Use case An order management app contains two forms, one to store purchased product details, and the other to store ...Extract contents of a ZIP file and email the extracted files
Requirement Use Deluge to extract a ZIP file and email the extracted files with the click of a button. Use Case An HR management application contains three forms: Add Employee, Employee Payslips, and Download My Payslips. The Add Employee form ...Understand file upload field
The File Upload field enables your users to upload a file while submitting their data through your form. Your users can select the file either from their device (in the device's local storage) or from any of cloud storage services we support. The ...Code sign Android app for users
This help page is for users in Creator 6. If you are in the older version (Creator 5), click here. Know your Creator version. Refer to this page for the Android code sign prerequisites From August 1, 2021, Google mandates that newly-created apps are ...Report Types
Note: To optimize efficiency and security, support for XLS format has been deprecated, and instead, the XLSX format will be supported with effect from 21-March-2024. We insist you to replace any instance of .xls to .xlsx across Deluge scripts in your ...
New to Zoho LandingPage?
Zoho LandingPage Resources