Filestack Demo - Picker Inline Mode

Example of the Filestack picker in inline mode

HTML

<button id="open">Open Picker</button>
<button id="close">Close Picker</button>
<div id="inline" style="width:600px;height:500px;padding:20px;"></div>
<script src="//static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script>

JavaScript

window.addEventListener('DOMContentLoaded', function () {
    const apikey = 'YOUR_APIKEY';
    const client = filestack.init(apikey);
    const options = {
        displayMode: 'inline',
        container: '#inline',
        maxFiles: 20,
        uploadInBackground: false,
        onUploadDone: (res) => console.log(res),
    };
    const picker = client.picker(options);
    const openBtn = document.getElementById('open');
    const closeBtn = document.getElementById('close');
    openBtn.addEventListener('click', () => picker.open());
    closeBtn.addEventListener('click', () => picker.close());
});