OCI Object Storage File Manager — static Vue web application to navigate, download and upload files

Static Vue Web application uses Pre Authenticated Request to navigate, download and upload files in OCI Object Storage bucket

This article introduces a static Vue 3 web application that is used to navigate the files in an OCI Object Storage Bucket. To upload files to that bucket and to download files from that bucket. It is extremely simple — only requiring a Pre Authenticated Request URL on the bucket to be explored / managed. No other configuration in OCI Object Storage is required. The application is a simple static web application that can be run in any browser and can be hosted anywhere — including in OCI Object Storage itself. Such a tool provides a very convenient way to interact wit OCI Object Storage.

Note: the tool does not currently support deleting of files. However, it can overwrite existing files..

Here are the steps — for a rudimentary application.

Edit on May 17th: and here is the article introducing the much nicer looking evolution of the same application. It runs here on GitHub Pages. And it looks like this:

Create a new Vue 3 application