Uploading files and images

Table of Contents  [ Hide]

Overview
Upload Files and Images
Rendering the uploaded images in your view

Overview

The File Upload field type is used to upload Files and Images in Zoho Creator.  The uploaded file/image will be displayed as a link in the Form's view. The maximum size of each file that can be uploaded is only 5 MB. The total file storage space you will get depends on the plan you have subscribed for. Zoho Creator considers total file storage for an account and not of the individual users.

Upload Files and Images

To upload files and images to your form,

1. Drag and drop the File Upload field type to your form. 

2. The Adding 'File upload' dialog will be displayed. In the Label Name text box, specify the Label Name that should appear for this Field in the form.  

3. Click on Options to configure the File upload field.   Refer the topic Field Configurations to learn more about each configuration.

4. Click Done to add the File upload field with the specified configurations.  

5. When you Access this application, the file upload field will be displayed in the Form to enable users to upload files and images. Click on the Browse button displayed near the file upload field and give the location of the file/image that needs to uploaded and submit the form.
   
   
6. The uploaded file/image will be displayed as a download link in your View.
   
   
7. The download link url will contain the file id (filepath), user name, application link name (appLinkName) and view link name (viewLinkName). A sample url is given below:
   
   http://creatorexport.zoho.com/DownloadFile.do?filepath=/1248931841640_dsc00007.txt&sharedBy=user1&appLinkName=SampleApp&viewLinkName=Sample_View
   

Note: Wherever you try to construct the file download url in your application, user should definitely give all the parameters as specified in Point 5 above.

Rendering the uploaded images in your view

Currently, the uploaded image will be displayed only as a link and will not be rendered in the view. To render uploaded images,

1. Upload the image in your File Upload field, for example named "Upload_Picture"
   
   
2. Create an Formula field, for example named "Display_Picture" with the following formula expression:

3. ("<img width='100' src='http://creatorexport.zoho.com/DownloadFile.do?filepath=/" + Upload_Picture + "&sharedBy=" + zoho.adminuser) + "'/>"

4. Select More Actions -> Application Settings link displayed in the top-right corner, in Edit mode and select the "Allow HTML Tags" to "Yes", to display html contents in the data. Select the View in live mode, to view the uploaded images, as shown below.
   

Refer the Sample Application here.