File Uploader
CKEditor add-on
TinyMCE add-on
Bootstrap Editor add-on
JavaScript SDK
Purchase logo
Purchase Lite
Purchase logo
Purchase Full

File Uploader 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.


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:


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.