v-upload-aws-s3
v0.1.0
Published
Pure JavaScript uploading to AWS S3
Downloads
4
Maintainers
Readme
Note on S3 user permissions
The user associated with the accessKey
and secretKey
you use must have the appropriate permissions assigned to them. My user's IAM policy looks like:
{
"Version": "2020-03-21",
"Statement": [
{
"Sid": "stmt20200321",
"Effect": "Allow",
"Action": [
"s3:PutObject",
"s3:PutObjectVersionAcl"
],
"Resource": [
"arn:aws:s3:::my-bucket/uploads/*"
]
}
]
}
Example
async function uploadToS3(){
const file = {
// `uri` can also be a file system path (i.e. file://)
uri: "assets-library://asset/asset.PNG?id=655DBE66-8008-459C-9358-914E1FB532DD&ext=PNG",
name: "image.png",
type: "image/png"
}
const options = {
keyPrefix: "uploads/",
bucket: "your-bucket",
region: "us-east-1",
accessKey: "your-access-key",
secretKey: "your-secret-key",
successActionStatus: 201
}
try{
const response = await RNS3.put(file, options)
if (response.status === 201){
console.log("Success: ", response.body)
/**
* {
* postResponse: {
* bucket: "your-bucket",
* etag : "9f620878e06d28774406017480a59fd4",
* key: "uploads/image.png",
* location: "https://your-bucket.s3.amazonaws.com/uploads%2Fimage.png"
* }
* }
*/
} else {
console.log("Failed to upload image to S3: ", response)
}
} catch(error){
console.log(error)
}
}
Usage
put(file, options)
Upload a file to S3.
Arguments:
file
uri
required - File system URI, can be assets library path orfile://
pathname
required - The name of the file, will be stored as such in S3type
required - The mime type, also used forContent-Type
parameter in the S3 post policy
options
acl
- The Access Control List of this object. Defaults topublic-read
keyPrefix
- Prefix, or path to the file on S3, i.e.uploads/
(note the trailing slash)bucket
required - Your S3 bucketregion
required - The region of your S3 bucketaccessKey
required - Your S3AWSAccessKeyId
secretKey
required - Your S3AWSSecretKey
successActionStatus
- HTTP response status if successful, defaults to 201awsUrl
- AWS S3 url. Defaults tos3.amazonaws.com
timeDelta
- Devices time offset from world clock in milliseconds, defaults to 0
Returns an object that wraps an XMLHttpRequest
instance and behaves like a promise, with the following additional methods:
progress
- accepts a callback which will be called with an event representing the progress of the upload. Event object is of shapeloaded
- amount uploadedtotal
- total amount to uploadpercent
- number between 0 and 1 representing the percent completed
abort
- aborts the xhr instance
Examples:
RNS3.put(file, options)
.progress((e) => console.log(e.loaded / e.total)); // or console.log(e.percent)
RNS3.put(file, option)
.abort();