jQuery File Uploader JS API: Сustom Tabs

jQuery File Uploader package is officially deprecated as of September 1, 2025.
Moving forward, we will no longer release updates or new versions of this widget.
Support will also be discontinued, except in cases where critical security vulnerabilities need to be addressed.

We recommend considering our web-component-based File Uploader.

Beside the built-in file uploading tabs like file, url, dropbox, etc. there is an option of implementing a tab with a custom behavior. This is a relatively complex yet powerful way to customize the dialog.

Registering a new tab

When you want to add a custom tab, you should first register it with a given name, which can then be used in your tabs list.

1uploadcare.registerTab(name, constructor);

constructor is a function that is called to create a new tab.

Custom Tabs constructor

A constructor is called every time a new dialog is opened. Here is how you declare it:

1function myTab(container, button, dialogApi, settings, name) {
2 ...
3}

Where,

  • container is a jQuery object holding your main tab element.
  • button is a jQuery object with your tab button.
  • dialogApi is an object holding methods to control your dialog.
  • settings is a settings object.
  • name is a name used when registering a tab and in the tabs list.

Note, a single constructor can be registered under several names. You can find more examples in our uploading widget customization tutorial.