The present project provides a AngularJS (1.x) component that can be reused to display a browser for S3 bucket contents.

Highlights

• Lists contents of any (CORS-enabled) S3 bucket.
• Supports browsing of '/' delimited S3 key names as folders.
• Uses the AWS S3 browser javascript SDK.
• Available as reusable AngularJS component.

Visit the Demo

The reusable code of the AngularJS component can be found in the folder ./app/component/. After integrating the code into your AngularJS project (mind referencing the js files in your HTML code), you can load the component with:

<bucket-viewer></bucket-viewer>

To change the bucket loaded by the component, you can change the bucketName attribute in the file ./app/component/bucket-viewer.component.coffee. Please enable CORS access to your bucket for the component to load its S3 objects.

A local demo can be started by typing npm start in the folder using a Terminal/Command Prompt window. Visit http://localhost:8000 to view the demo in your browser.