Product

File Explorer and UI tools

Complete your integrations in seconds with these pre-built, open source tools.

Try it right now

Choose Files

The chooser allows your users to select files and folders from cloud storage.

Demo The Chooser

Save Files

The saver allows your users to select a folder in cloud storage to save files to.

Demo The Saver

Demo Code

							
jQuery(document).ready(function( $ ) {
  // Configure the File Explorer
 
  var explorer = window.Kloudless.explorer({
    app_id: explorer_app_id,
    multiselect: true,
    computer: true,
    link: true,
    services: ['all'],
    types: ["text","documents","images"],
    display_backdrop: true,
  });
 
  // Set callbacks on success/cancel.
 
  var $results = $('.results-data code');
 
  explorer.on('success', function (files) {
    $results.html(JSON.stringify(files, null, 2));
    $('.results').show();
  });
 
  explorer.on('cancel', function () {
    $results.html('File selection cancelled.');
    $('.results').show();
  });
 
  // Launch the File Explorer when the user clicks a button
 
  explorer.choosify(document.getElementById('demochooser'));
 
  var files = [{
    url: "https://s3-us-west-2.amazonaws.com/static-assets.kloudless.com/static/logo_white.png",
    name: "kloudless-logo.png"
  }];
  explorer.savify(document.getElementById('demosaver'), files);
});
						
					

The Tool Box

Quickly create feature-rich storage connections with Kloudless' pre-built integration tools.

Authenticator

  • Authenticate users to cloud services and connect their accounts to your Kloudless app.
  • Uses OAuth 2.0 to authenticate users, and provides your application with an access token to use to perform API requests to that user’s account.

File Chooser

  • Enable your users to easily upload files to your application.
  • Select multiple files at once and upload files up to 50 GB in size.
  • Resumable multi-part uploads enable pausing and automatic retries in the event of a network failure.
  • Built in search bar and link creation with access controls.

File Saver

  • Allow your users to add file to their favorite cloud.
  • Save up to 100 files at one time.
  • Supports large files by streaming data from the source to the destination via our backend servers.
  • Supports multi-part uploads.

Dropzone

  • A drag and drop zone for your web page.
  • Upload files to your application’s object storage location.