File Uploader SDK
JavaScript SDK

File Uploader SDK

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

File Uploader logo

CKEditor/TinyMCE File Uploader add-on

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.

Editions

File Uploader is available in two editions:

  1. File Uploader Full edition
  2. 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
File uploading + +
Transactions + +
Image uploading + +
Preview uploading + +
Uploading by URL - +
Image resize + 1 + 2
User interface - +
JavaScript API In the JS version only
Client side JavaScript, TypeScript or any JS compatible language
Server side PHP, Java. Planned: .NET, RoR, Python
Purchase Lite SDK $390 Purchase Full SDK $590
1 - set sizes in the config file 2 - set sizes in the config file or via the UI

Compatibility

On the browser side File Uploader is compatible with CKEditor, TinyMCE, and has its own JavaScript widget that effortlessly integrates into any your website or frontend application. Also, the CKEditor edition automatically integrates into Bootstrap Editor too adding specific functionality to the grid editor.

PHP logo
Java logo
AspNet logo

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.).

JavaScript SDK

The best way to use File Uploader in your own application is JavaScript library option. All users of the JavaScript version receives a special edition of File Uploader, that is different from other versions in that offers an API (Application Programming Interface) to invoke the widget. This allows you to invoke File Uploader from any place of your application, for example, you can bind File Uploader to the file selection button so that a user could specify a file by transparently uploading it the server.

The widget can be invoked using the API with various settings using various API methods.

Learn how File Uploader works, to understand the philosophy we put as a base of the component, and to learn its features and capabilities.

Installing

Include the link to the script to the body of your HTML website (usually in the <head> section). For example:

<script src="/scripts/jsplus_file_uploader/uploader.js"></script>

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:

FileUploader.someApiFunction(...);

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).

API and code samples

Please see the list of API functions and check how you can use them on our File Uploader SDK samples page.