Title: File Upload Field for Formidable Forms (lite) Author: Sarah Ahmad Published: டிசம்பர் 6, 2022 Last modified: ஆகஸ்ட் 25, 2026 --- நீட்சிகளை தேடுங்கள் ![](https://ps.w.org/upload-field-lite-formidable/assets/banner-772x250.png?rev= 2829118) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/upload-field-lite-formidable/assets/icon-256x256.png?rev=2829118) # File Upload Field for Formidable Forms (lite) By [Sarah Ahmad](https://profiles.wordpress.org/desolint/) [பதிவிறக்கு](https://downloads.wordpress.org/plugin/upload-field-lite-formidable.1.2.1.zip) * [Details](https://ta.wordpress.org/plugins/upload-field-lite-formidable/#description) * [Reviews](https://ta.wordpress.org/plugins/upload-field-lite-formidable/#reviews) * [Installation](https://ta.wordpress.org/plugins/upload-field-lite-formidable/#installation) * [Development](https://ta.wordpress.org/plugins/upload-field-lite-formidable/#developers) [உதவி](https://wordpress.org/support/plugin/upload-field-lite-formidable/) ## விளக்கம் File Upload Field for Formidable Forms (lite) plugin consists of one module: 1. Upload Field #### Upload Field Description and features: Allows you to add a custom upload field in your forms with a free version of formidable forms. As the upload field comes in the pro version of formidable forms now you don’t have to worry about purchasing the pro version you will get the upload field using our “File Upload Field for Formidable Forms (lite)” plugin. • Single click addition of upload field in the form • Custom upload field settings menu in the form • Allows you to add multiple upload fields in one single form • Allows you to set the file size limit. • Can edit and change the allowed file type i.e jpg, png, pdf • Validation on file type and maximum file size. • You can check the uploaded files in the wordpress media gallery • Can check the uploaded files in the form entries tables. #### Using File Upload Field for Formidable Forms (lite) To get started download and install the File Upload Field for Formidable Forms ( lite) from plugin. Once the plugin is downloaded, activate it and you will see the Upload Field in your forms created by formidable forms plugin only. Click on the upload field option and the field will be added to your desired form without any hassle. #### Requirements to use File Upload Field for Formidable Forms (lite) You must have Formidable forms plugin installed on your WordPress website. Compatible with Formidable forms version 5.2 and above. #### See the plugin in action Need more custom features? Feel free to contact us to discuss @ info@desolint.com * Author: [Desol Int.](https://desolint.com/contact-us/) ### License File Upload Field for Formidable Forms (lite) is a free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or any later version. File Upload Field for Formidable Forms (lite) is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with File Upload Field for Formidable Forms (lite). If not, see http://www.gnu.org/licenses/ gpl-2.0.html. ### What’s New in Version 1.2.1 #### Modern Upload UI * New drag-and-drop upload zone with visual feedback (hover, active, success states). * Custom styled “Browse Files” button with smooth transitions. * Accepted file types and max size hint displayed below the upload area. #### Upload Progress & Feedback * Real-time animated progress bar during file upload. * Percentage display with color gradient (blue to green on completion). * Success state with green border animation on upload complete. #### File Preview * Image thumbnail preview (auto-generated via FileReader API). * File type icons for non-image files (PDF, DOC, etc.) with extension label. * File name and formatted size display (KB/MB/GB). #### File Management * Remove button (X) with hover rotation animation. * Confirmation dialog before removing uploaded files. * One-click reset of upload area, progress, and preview. #### Builder Settings Upgrade * File types now shown as interactive chips (click to toggle, X to remove). * Add new file types by typing and pressing Enter. * Styled preview in form builder showing how the upload field will look. #### Responsive Design * Fully responsive across desktop, tablet, and mobile. * Mobile-optimized: compact layout with button-only (no drag-drop on touch devices). * Smooth animations and transitions throughout. #### Technical * Proper WordPress asset enqueue system (CSS + JS loaded only when needed). * AJAX-based uploads with nonce verification. * Client-side file validation (type + size) before server upload. * No jQuery dependency — pure vanilla JavaScript. ### What’s New in Version 1.2.0 #### Security Enhancements * All file uploads are now sanitized to prevent malicious file uploads. * Nonce verification added to prevent CSRF attacks. * XSS vulnerabilities fixed in file URL rendering. * Proper capability checks before processing uploads. #### Code Quality Improvements * Fixed cross-platform path separator issue (works on Windows & Linux). * Corrected text domain for proper WordPress translation support. * Aligned default file size limits across all functions. * Improved error handling with proper `WP_Error` checks. * Fixed byte-to-MB calculation for accurate file size validation. #### Developer Features * Added filter hooks for customization: `ufl_allowed_file_types`, `ufl_max_file_size`. * Added action hooks: `ufl_before_file_upload`, `ufl_after_file_upload`. * See IMPROVEMENTS.md for full analysis and roadmap. ## Screenshots [⌊Install the plugin & activate it.⌉⌊Install the plugin & activate it.⌉[ Install the plugin & activate it. [⌊Open formidable form settings and click on the edit form button.⌉⌊Open formidable form settings and click on the edit form button.⌉[ Open formidable form settings and click on the edit form button. [⌊Click on the File Upload button in the add fields settings.⌉⌊Click on the File Upload button in the add fields settings.⌉[ Click on the File Upload button in the add fields settings. [⌊Click on the newly created upload file field and view the field settings.⌉⌊Click on the newly created upload file field and view the field settings.⌉[ Click on the newly created upload file field and view the field settings. ## Installation #### From your WordPress dashboard 1. Visit ‘Plugins > Add New’ 2. Search for ‘File Upload Field for Formidable Forms (lite)’ 3. Activate ‘File Upload Field for Formidable Forms (lite)’ from your Plugins page. 4. Visit ‘Formidable Forms > Form Name > Upload Field’ in the sidebar to add an upload field in the form. #### From WordPress.org 1. Download ‘File Upload Field for Formidable Forms (lite)’. 2. Upload the ‘formidableform-folders’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…) 3. Activate ‘File Upload Field for Formidable Forms (lite)’ from your Plugins page. 4. Visit ‘Formidable Forms > Form Name > Upload Field’ in the sidebar to add an upload field in the form. ## Reviews ![](https://secure.gravatar.com/avatar/118157e3e61c9fc61fb326c3365c75c0b6d58df90b348e6527422dd1f7086f06? s=60&d=retro&r=g) ### 󠀁[Doesnt Work](https://wordpress.org/support/topic/doesnt-work-3071/)󠁿 [Editor](https://profiles.wordpress.org/aroeditor/) ஜனவரி 26, 2024 This add-on doesnt work. Keeps giving errors…I assume because they just want money to give you the option to upload files. Deleted. ![](https://secure.gravatar.com/avatar/397dbbea0812b8eacf9e9a7c6e66236d12c07d32f6076a1c7487f5e99533f4c0? s=60&d=retro&r=g) ### 󠀁[Internal Server Error](https://wordpress.org/support/topic/internal-server-error-712/)󠁿 [Arun G](https://profiles.wordpress.org/arunlapog/) ஜூலை 28, 2023 2 replies Getting Internal Server error when adding field to form. ![](https://secure.gravatar.com/avatar/2835415b51393e03107cf1ccc3e28c1d863238c6c8103b34942baf186ee26cea? s=60&d=retro&r=g) ### 󠀁[Best For Customized Forms](https://wordpress.org/support/topic/best-for-customized-forms/)󠁿 [naumantariq](https://profiles.wordpress.org/naumantariq/) டிசம்பர் 6, 2022 This is the best plugin for making the forms as per the requirements. Easy procedure of creating and customizing forms. Highly recommended…!!! [ Read all 4 reviews ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/) ## பங்களிப்பாளர்கள் & உருவாக்குனர்கள் “File Upload Field for Formidable Forms (lite)” is open source software. The following people have contributed to this plugin. பங்களிப்பாளர்கள் * [ Sarah Ahmad ](https://profiles.wordpress.org/desolint/) * [ Qadir ](https://profiles.wordpress.org/qadirr99/) [Translate “File Upload Field for Formidable Forms (lite)” into your language.](https://translate.wordpress.org/projects/wp-plugins/upload-field-lite-formidable) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/upload-field-lite-formidable/), check out the [SVN repository](https://plugins.svn.wordpress.org/upload-field-lite-formidable/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/upload-field-lite-formidable/) by [RSS](https://plugins.trac.wordpress.org/log/upload-field-lite-formidable/?limit=100&mode=stop_on_copy&format=rss). ## Changelog = 1.2.1 * Feature – Modern drag-and-drop upload zone with visual feedback states.* Feature – Custom styled “Browse Files” button with hover transitions. * Feature – Real-time animated progress bar with percentage display. * Feature – Image thumbnail preview and file type icons for non-image files. * Feature – Remove button with confirmation dialog and rotation animation. * Feature – Interactive file type chips in builder settings (click to toggle, Enter to add). * Feature – Styled upload field preview in form builder. * Improvement – Fully responsive design (desktop, tablet, mobile). * Improvement – Mobile-optimized with button-only mode (no drag-drop on touch). * Improvement – Proper WordPress asset enqueue system for CSS and JS. * Improvement – AJAX-based uploads with nonce security. * Improvement – Client-side file validation (type + size) before server upload. * Technical – No jQuery dependency, pure vanilla JavaScript. = 1.2.0 * Security – Added nonce verification for file upload submissions. * Security– Sanitized all `$_FILES` inputs to prevent injection attacks. * Security – Fixed XSS vulnerabilities in HTML output rendering. * Improvement – Corrected text domain from ‘formidable-pro’ to ‘upload-field-lite-formidable’. * Improvement – Fixed hardcoded Windows path separator for cross-platform compatibility. * Improvement – Aligned default file size values across all functions (default: 5MB). * Improvement – Added` WP_Error` handling for `media_handle_sideload` failures. * Improvement – Added early return in validation when file is empty and field is not required. * Fix – Corrected byte-to-MB conversion (using 1048576 instead of 1000000). * Fix – Updated readme. txt “Requires at least” to match plugin header (5.2). = 1.1.2 * Fix – Fixed file upload error handling — files with invalid MIME types now trigger a proper error message instead of a critical error. = 1.1.1 * Fix – Fixed File click and view Issue on single entry submitted file by guest user. = 1.1.0 * Fix – Critical error on preview page after submited form. * Fix – Warning: Failed to open stream: * Fix – No such file or directory on line 254 * Fix – if field is empty and not required it return error = 1.0.0 * Very first release which allows to add custom upload field in formidable forms. ## Meta * Version **1.2.1** * Last updated **1 வாரம் முன்பு** * Active installations **100+** * WordPress version ** 5.2 அல்லது மேல் ** * Tested up to **6.8.8** * PHP version ** 7.2 அல்லது மேல் ** * Language * [English (US)](https://wordpress.org/plugins/upload-field-lite-formidable/) * Tags * [formidable forms](https://ta.wordpress.org/plugins/tags/formidable-forms/)[forms](https://ta.wordpress.org/plugins/tags/forms/) [upload](https://ta.wordpress.org/plugins/tags/upload/)[uploads](https://ta.wordpress.org/plugins/tags/uploads/) * [Advanced View](https://ta.wordpress.org/plugins/upload-field-lite-formidable/advanced/) ## மதிப்பீடுகள் 3 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/upload-field-lite-formidable/reviews/) ## பங்களிப்பாளர்கள் * [ Sarah Ahmad ](https://profiles.wordpress.org/desolint/) * [ Qadir ](https://profiles.wordpress.org/qadirr99/) ## உதவி Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/upload-field-lite-formidable/)