Nextcloud file picker

This is an example page importing the file picker wrapper.
No need to use Vue.js to include this component in your web application 😁🎉 Checkout the source file

You can try the file picker with your Nextcloud instance from this page.
Make sure you installed the WebAppPassword app and added as allowed origin in WebAppPassword settings.


When following fields are changed, corresponding component update methods are called.

Authentication

Leave login and password fields empty to let the file picker open an authentication popup and get a temporary app password (web login flow).

Theme color


Custom button which calls the "getFilesPath" method

Custom button which calls the "getFilesLink" method

File picker component

NcWebdavFilePicker component is mounted under the following line. It shows every button by default.



Results

Repository and documentation