Trovo Blob Explorer is an application that uses the AWS JavaScript SDK in the Browser to make the contents of an S3 bucket easy to view in a web browser.
To upload files, first navigate to the bucket & folder of your choice and then drag & drop files onto the main Blob Explorer table.
To delete files, first choose the files you want to delete by clicking checkboxes in the Select column, then click the Trash icon. You will be asked to confirm this action.
For more details and to download the source code, see our GitHub page.
The currently-configured CORS Configuration for {{info.bucket}} is below.
The currently-configured Bucket Policy for {{info.bucket}} is below.
JavaScript in the browser cannot display the contents of an Amazon S3 bucket unless the bucket has the proper cross-origin resource sharing (CORS) configuration.
To configure CORS, you create a CORS configuration that identifies the origins allowed to access your bucket and the operations (HTTP methods) supported.
To do this, select your bucket in the buckets panel of the Amazon S3 Console and click to reveal Permissions in the Properties pane. Click Edit CORS Configuration. The CORS Configuration Editor panel will open up with a field where you can enter a CORS Configuration. Enter a configuration similar to the following:
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
<ExposeHeader>ETag</ExposeHeader>
<ExposeHeader>x-amz-meta-myheader</ExposeHeader>
</CORSRule>
</CORSConfiguration>
Please see the project README for more specific details on how to create an appropriate CORS configuration.
Here is a sample S3 bucket policy that you can use. Change 999999999999 to your AWS account number and change mybucket to your bucket name.
{
"Version": "2012-10-17",
"Statement": [{
"Sid": "AllPermissionsForOwner",
"Effect": "Allow",
"Principal": {
"AWS": "arn:aws:iam::999999999999:root"
},
"Action": "s3:*",
"Resource": "arn:aws:s3:::mybucket/*"
}]
}
Please see the project README for more specific details on how to create an appropriate S3 bucket policy.
Please confirm that you want to delete the following objects from S3.
| Object | Folder | Last Modified | Timestamp | Class | Size | Result | |
|---|---|---|---|---|---|---|---|
| {{$index + 1}} | {{o.object}} | {{o.folder}} | {{o.last_modified}} | {{o.timestamp}} | {{o.class}} | {{o.size}} | n/a |
An error was detected: {{error.message}}
| # | Key | Value |
|---|---|---|
| {{$index + 1}} | {{e.key}} | {{e.value}} |
Please confirm that you want to upload the following files to S3.
| Filename | Type | Size | Progress | |
|---|---|---|---|---|
| {{$index + 1}} | {{file.short}} | {{file.type}} | {{file.size}} |
The selected files will be uploaded to {{upload.title}}
| Select | Object | Folder | Last Modified | Timestamp | Class | Size |
|---|