HTML5 Upload - Perpetual License

Lanu C
Data Modeling & Business Logic
HTML5 Upload is a file upload app to upload images, documents and files using Ajax. HTML5 Upload Plug-in is developed using HTML5, jQuery, mustache templates and Bootstrap 3.0 framework

Uploaded files are saved in the fileupload directory in the parent root directory. If fileupload directory doesn't exist, app creates a new directory in the root directory.

File upload directory can be configured using portlet preferences or in the portlet.xml file by setting the value for the portlet init parameter "default-upload-location" in the portlet.xml.

Features :

1. Multiple files selection.
2. Drag and drop files into upload queue.
3. Preview images before upload.
4. Portlet edit mode support for configuring upload file destination.
5. Configurations for view, delete, upload and download file permissions.
6. View uploaded files.
7. Download uploaded files.
8. Delete uploaded files.
9. Resize images.
10. Convert uploaded images to JPEG or PNG.
11. Mobile and Tablet support.
12. Mustache templates for Mobile and Desktop browsers.
13. Responsive design support using twitter bootstrap framework.
14. Localization support (Sample French bundle included in the Portlet).
15. Upload queued files by AJAX.
16. Submit additional form data along with file upload.
17. View uploads process by progress bars.
18. Remove unwanted images from upload queue.
19. Input file validations type, size etc (see Documentation).
20. Auto file upload.
21. Plug-in UI is developed using jquery widget framework, mustache templates and bootstrap framework can easily extendable and customizable.
22. Easy to customize file upload implementation as HTML5 Upload Implementation is developed using java interfaces. Customers can write their own implementations like storing the uploaded file into the database instead of file system, without changing the Portlet code.
23. Very simple configuration.
24. Developed as per JSR 286 specification.

Browser Support and Device Support:

Works on all HTML5 File API supported browsers.
Mozilla Firefox 28
Google Chrome 33
Microsoft Internet Explorer 10.0+

Mobile Browsers:
iphone 4 and 5 .
Samsung Galaxy S III and Galaxy Nexus.
ipad 3 and 4.

Note: Tested on chrome browser emulator


This App can be easily customizable. Please refer to https://sites.google.com/site/mrportlet/customization
to know more about customizations. However for more deeper customizations, Standard license customers can request for source code. Source code will be provided for free of cost, but source code should not redistributed and should only use for your customizations. No support will be provided for customer customizations.

Application Server Support:

HTML5 FileUpload app works on all supported platforms which are supported by Liferay except GlassFish Server.

Currently HTML5 FileUpload app do not support GlassFish application server on Liferay 6.1 EE and Liferay 6.1 CE GA3 but app works fine on Liferay 6.2 CE and Liferay 6.2 EE versions.
Liferay is trademark of Liferay, Inc., Liferay International Limited and/or Liferay Affiliate, registered in the United States and/or other countries.
  • 1 standard instance, perpetual: 277.0 USD
  • 1 developer instance, perpetual: 57.0 USD
All prices displayed are in USD. For pricing specific to your country/currency, please follow the installation instructions below for accessing and purchasing this app through your Control Panel.
Release Summary and Release Notes
Version Change Log Supported Framework Versions Date Added
Liferay Portal 6.1 CE GA3+
Liferay Portal 6.1 EE GA3+
Liferay Portal 6.2 CE GA1+
Liferay Portal 6.2 EE GA1+
Lanu C
Published Date
June 11, 2014
Supported Versions
6.2, 6.1

Installation Instructions

This is a Legacy App that is no longer available in the new App Marketplace. You are able to acquire it from your installed DXP or CE instance and install it by following the instructions below.

Acquiring this App through the legacy Liferay Portal Store

  1. Review app documentation for any specific installation instructions.
  2. Login to your Liferay Portal instance with administrative permissions.
  3. Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Store.
  4. If needed, login to your Liferay.com account by choosing Sign In.
  5. Search for the app name in the Search dialog.
  6. Once the app is found, click on the app in the search results.
  7. On the app details page, choose to acquire the app by selecting the Free, Buy, or Trial button.
  8. Follow the instructions on the screen to complete the acquisition.

Installing this App through legacy Liferay Portal Purchased Apps

  1. After acquiring the app, login to your Liferay Portal instance with administrative permissions.
  2. Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Purchased.
  3. If needed, login to your Liferay.com account by choosing Sign In.
  4. Click the Install button to install your app on your Liferay Portal instance.

See the legacy App Marketplace help documentation for more information.