JS+ File Uploader is a versatile solution to upload files and images to the server and to embed them into the edited document. You can resize uploaded images, and insert them as previews or links. You don't need any third-party file manager, because File Uploader is absolutely standalone product.
This component is ideal both for an administration panel for content managers and for the comments form on your website to allow visitors attaching pictures or photos to their messages.
Projects based on File Uploader SDK
Powerful file & image uploader, cataloguing tool with the image editor already inside. Lets you upload files and images and insert them into contents.
Deep integration: used in HTML Text editor and in other places of Bootstrap Editor.
File Uploader is available in two editions:
- File Uploader Full edition
- File Uploader Lite edition
The Lite edition offers file uploading capabilities without user interface (UI) such as file selection, instant upload and embedding to a document, or error messages. At the same time transactions are supported in full. Ideal when you need maximum simplicity and functionality, for instance, comment forms.
The Full edition contains the same functions as Lite, but also has UI for adding, removing, renaming files and to control uploading speed and other things. This edition is best for admin panel of your website, or as a tool your content manager can use to keep your website interesting for visitors. The Full edition allows using the functionality of the Lite version too, for example, you can use the Full edition in the admin panel, while offer to users the Lite version.
Brief comparison of editions
|Lite version||Full version|
|Uploading by URL||-||+|
|Image resize||+ 1||+ 2|
|Server side||PHP, Java. Planned: .NET, RoR, Python|
|Purchase Lite SDK $390||Purchase Full SDK $590|
On the server side PHP, Java, ASP.NET are supported for now. While RoR, Python, etc. are planned for the nearest releases. You can use the product in your own applications and in popular CMS including WordPress, Drupal, Joomla, etc. and frameworks (Laravel, CodeIgniter, Symphony, Spring, Play, etc.).
Learn how File Uploader works, to understand the philosophy we put as a base of the component, and to learn its features and capabilities.
Include the link to the script to the body of your HTML website (usually in the
<head> section). For example:
Done. Now you can use the
window.FileUploader that encapsulates all methods and classes of the API for file uploading, the uploader dialog invocation methods (only in Full edition) or generation of HTML code based on selected file and template, for instance:
Note that when you use this way to interact with the File Uploader, the
window.FileUploader variable receives its value with a little delay compared to page loading. This is because the script is loaded asynchronously, and in your code you need to control if this variable is initialized already. In the nearest future, to make working with File Uploader API even more convenient, we plan to implement including using a module manager (like RequireJS).