react native - Upload video to AWS S3 storage using AWS Amplify
I am trying to upload a video to AWS S3 by using AWS Amplify in React native. I am able to upload an image when follow this link:
aws-amplify Upload image using PUT in Storage
I apply the same code to upload a video and success. However, the app crash if the video's size is big.
According to the example, they read and convert the image/video file to base64 (consume memory a lot and even cause the app crash) then upload everything on the server.
UPDATE
I found the answer using blob from this link
React native - Upload image to AWS S3 using blob
uploadImageVersion2 = async () => {
const response = await fetch("https://static.asiachan.com/Berry.Good.600.42297.jpg");
const blob = await response.blob();
const fileName = 'profileImage.jpg';
await Storage.put(fileName, blob, {
contentType: 'image/jpg',
level: 'private'
}).then(data => console.log(data))
.catch(err => console.log(err))
}
However, there is an error:
My questions are:
1/ Is there any way to avoid convert base64 before upload the image/video using AWS Amplify
2/ Is there any other ways to upload image/video in React native to AWS S3 without using Storage in AWS Amplify.
If you know the answer of these two questions, please let me know and show me how.
Thank you in advance!
javascript amazon-web-services react-native amazon-s3 aws-amplify
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
add a comment |
I am trying to upload a video to AWS S3 by using AWS Amplify in React native. I am able to upload an image when follow this link:
aws-amplify Upload image using PUT in Storage
I apply the same code to upload a video and success. However, the app crash if the video's size is big.
According to the example, they read and convert the image/video file to base64 (consume memory a lot and even cause the app crash) then upload everything on the server.
UPDATE
I found the answer using blob from this link
React native - Upload image to AWS S3 using blob
uploadImageVersion2 = async () => {
const response = await fetch("https://static.asiachan.com/Berry.Good.600.42297.jpg");
const blob = await response.blob();
const fileName = 'profileImage.jpg';
await Storage.put(fileName, blob, {
contentType: 'image/jpg',
level: 'private'
}).then(data => console.log(data))
.catch(err => console.log(err))
}
However, there is an error:
My questions are:
1/ Is there any way to avoid convert base64 before upload the image/video using AWS Amplify
2/ Is there any other ways to upload image/video in React native to AWS S3 without using Storage in AWS Amplify.
If you know the answer of these two questions, please let me know and show me how.
Thank you in advance!
javascript amazon-web-services react-native amazon-s3 aws-amplify
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
@squeekyDave: thank you for recommending me a new service likeCloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it tobase64because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!
– LuongTruong
Nov 13 '18 at 2:59
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01
add a comment |
I am trying to upload a video to AWS S3 by using AWS Amplify in React native. I am able to upload an image when follow this link:
aws-amplify Upload image using PUT in Storage
I apply the same code to upload a video and success. However, the app crash if the video's size is big.
According to the example, they read and convert the image/video file to base64 (consume memory a lot and even cause the app crash) then upload everything on the server.
UPDATE
I found the answer using blob from this link
React native - Upload image to AWS S3 using blob
uploadImageVersion2 = async () => {
const response = await fetch("https://static.asiachan.com/Berry.Good.600.42297.jpg");
const blob = await response.blob();
const fileName = 'profileImage.jpg';
await Storage.put(fileName, blob, {
contentType: 'image/jpg',
level: 'private'
}).then(data => console.log(data))
.catch(err => console.log(err))
}
However, there is an error:
My questions are:
1/ Is there any way to avoid convert base64 before upload the image/video using AWS Amplify
2/ Is there any other ways to upload image/video in React native to AWS S3 without using Storage in AWS Amplify.
If you know the answer of these two questions, please let me know and show me how.
Thank you in advance!
javascript amazon-web-services react-native amazon-s3 aws-amplify
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
I am trying to upload a video to AWS S3 by using AWS Amplify in React native. I am able to upload an image when follow this link:
aws-amplify Upload image using PUT in Storage
I apply the same code to upload a video and success. However, the app crash if the video's size is big.
According to the example, they read and convert the image/video file to base64 (consume memory a lot and even cause the app crash) then upload everything on the server.
UPDATE
I found the answer using blob from this link
React native - Upload image to AWS S3 using blob
uploadImageVersion2 = async () => {
const response = await fetch("https://static.asiachan.com/Berry.Good.600.42297.jpg");
const blob = await response.blob();
const fileName = 'profileImage.jpg';
await Storage.put(fileName, blob, {
contentType: 'image/jpg',
level: 'private'
}).then(data => console.log(data))
.catch(err => console.log(err))
}
However, there is an error:
My questions are:
1/ Is there any way to avoid convert base64 before upload the image/video using AWS Amplify
2/ Is there any other ways to upload image/video in React native to AWS S3 without using Storage in AWS Amplify.
If you know the answer of these two questions, please let me know and show me how.
Thank you in advance!
javascript amazon-web-services react-native amazon-s3 aws-amplify
javascript amazon-web-services react-native amazon-s3 aws-amplify
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
edited Nov 13 '18 at 3:34
LuongTruong
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
asked Nov 12 '18 at 10:45
LuongTruongLuongTruong
5131722
5131722
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
@squeekyDave: thank you for recommending me a new service likeCloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it tobase64because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!
– LuongTruong
Nov 13 '18 at 2:59
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01
add a comment |
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
@squeekyDave: thank you for recommending me a new service likeCloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it tobase64because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!
– LuongTruong
Nov 13 '18 at 2:59
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
@squeekyDave: thank you for recommending me a new service like
Cloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it to base64 because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!– LuongTruong
Nov 13 '18 at 2:59
@squeekyDave: thank you for recommending me a new service like
Cloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it to base64 because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!– LuongTruong
Nov 13 '18 at 2:59
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53260500%2freact-native-upload-video-to-aws-s3-storage-using-aws-amplify%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53260500%2freact-native-upload-video-to-aws-s3-storage-using-aws-amplify%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I might be wrong, but I think S3 is not ment for large files like videos. There are other services in aws that can do what you require. Maybe this will be helpful: aws.amazon.com/what-is-cloud-file-storage
– squeekyDave
Nov 12 '18 at 16:56
@squeekyDave: thank you for recommending me a new service like
Cloud File Storage. The video is about 50MB only. What I want is uploading the video without convert it tobase64because it read everything to memory and make the app crash. If you know how, please let me know. Thank you in advance!– LuongTruong
Nov 13 '18 at 2:59
I think this might be the solution for you, have a look at this: docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html Apologies for the late reply.
– squeekyDave
Nov 13 '18 at 12:25
@squeekyDave: Thank you for the link. After taking a look at it I see there is a REST Api to upload things on S3 docs.aws.amazon.com/AmazonS3/latest/dev/…. However, I don't know how to use it, do you know where can I find an example for it? I tried but no hope :(
– LuongTruong
Nov 15 '18 at 2:01