Using the file manager JS samples
There is a collection of JS samples that demonstrate how to integrate and use the file manager in your app or website.
Each sample is available on CodePen and you can easily play with it by modifying HTML, CSS and JS source code as you wish. This is an extreme easy to access playground when you wish to make an experiment of how some feature works.
Main samples
Open file manager
Attach a listener to a button and let user select some single image, then show it.
Select image with preview
Allow users to select an image while automatically generating a preview for it.
Manage image gallery
Utilize the file manager to effortlessly select multiple images and rearrange their order. Additionally, this feature allows you to edit an existing gallery when reopening it.
Select multiple files
Select multiple non-image files using the file manager, just like you would with an image gallery, but now you can include files of any type.
Browse a folder
Empower users to take full control of their storage: effortlessly open it in full-screen mode without the need for file selection.
Upload files
Select local files, and programmatically upload them to the server.
Upload images with rename hook
Utilize a hook that provides you with the ability to preprocess files you're uploading to the server and rename them according to the rules you've defined.
Open image editor
Allow the user to edit an image outside of the file manager. If it's saved, upload it to the server.
Custom image editing
Allow the user to edit an image, but do not upload it upon saving; instead, return the edited image to the application.