How do I send progress of S3 upload in aws-amplify (React native)?Hide keyboard in react-nativeHow to do logging in React Native?What is the difference between using constructor vs getInitialState in React / React Native?React Native android build failed. SDK location not foundWhat is the difference between React Native and React?pusher subscription with React-native, setState updateReact-Native Upload Image with FetchReact Native + Amplify S3 Examplereact native - Upload video to AWS S3 storage using AWS AmplifyChanging state of react native textinput on focus
Why do games have consumables?
How to pronounce 'c++' in Spanish
Checks user level and limit the data before saving it to mongoDB
How can I print the prosodic symbols in LaTeX?
How does Captain America channel this power?
Implications of cigar-shaped bodies having rings?
"The cow" OR "a cow" OR "cows" in this context
Extension of 2-adic valuation to the real numbers
Why was the Spitfire's elliptical wing almost uncopied by other aircraft of World War 2?
Why didn't the Space Shuttle bounce back into space as many times as possible so as to lose a lot of kinetic energy up there?
How to stop co-workers from teasing me because I know Russian?
How can Republicans who favour free markets, consistently express anger when they don't like the outcome of that choice?
Constructions of PRF (Pseudo Random Function)
Was there a Viking Exchange as well as a Columbian one?
What is the smallest unit of eos?
What does the integral of a function times a function of a random variable represent, conceptually?
Mistake in years of experience in resume?
Do I have an "anti-research" personality?
Is there any official lore on the Far Realm?
"Whatever a Russian does, they end up making the Kalashnikov gun"? Are there any similar proverbs in English?
Re-entry to Germany after vacation using blue card
Critique of timeline aesthetic
Why does nature favour the Laplacian?
'It addicted me, with one taste.' Can 'addict' be used transitively?
How do I send progress of S3 upload in aws-amplify (React native)?
Hide keyboard in react-nativeHow to do logging in React Native?What is the difference between using constructor vs getInitialState in React / React Native?React Native android build failed. SDK location not foundWhat is the difference between React Native and React?pusher subscription with React-native, setState updateReact-Native Upload Image with FetchReact Native + Amplify S3 Examplereact native - Upload video to AWS S3 storage using AWS AmplifyChanging state of react native textinput on focus
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I am able to upload an image to S3 and send the progress to the console but unable to set the state of a component. It seems like the progress cant be sent to an external function. Even if I have a function that logs it to console, the function does not get called.
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
this.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
react-native amazon-s3 aws-amplify
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
add a comment |
I am able to upload an image to S3 and send the progress to the console but unable to set the state of a component. It seems like the progress cant be sent to an external function. Even if I have a function that logs it to console, the function does not get called.
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
this.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
react-native amazon-s3 aws-amplify
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
add a comment |
I am able to upload an image to S3 and send the progress to the console but unable to set the state of a component. It seems like the progress cant be sent to an external function. Even if I have a function that logs it to console, the function does not get called.
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
this.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
react-native amazon-s3 aws-amplify
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
I am able to upload an image to S3 and send the progress to the console but unable to set the state of a component. It seems like the progress cant be sent to an external function. Even if I have a function that logs it to console, the function does not get called.
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
this.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
react-native amazon-s3 aws-amplify
react-native amazon-s3 aws-amplify
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
asked Mar 9 at 8:53
Mithun KalanMithun Kalan
6117
6117
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
It's because you're calling this in the callback of the Storage.put method. You can cache the reference to this outside of the Storage.put method like (for lack of a better term) this:
const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
foo.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
add a comment |
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%2f55075608%2fhow-do-i-send-progress-of-s3-upload-in-aws-amplify-react-native%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
It's because you're calling this in the callback of the Storage.put method. You can cache the reference to this outside of the Storage.put method like (for lack of a better term) this:
const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
foo.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
add a comment |
It's because you're calling this in the callback of the Storage.put method. You can cache the reference to this outside of the Storage.put method like (for lack of a better term) this:
const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
foo.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
add a comment |
It's because you're calling this in the callback of the Storage.put method. You can cache the reference to this outside of the Storage.put method like (for lack of a better term) this:
const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
foo.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
It's because you're calling this in the callback of the Storage.put method. You can cache the reference to this outside of the Storage.put method like (for lack of a better term) this:
const foo = this;
Storage.put(text, Buffer.from(photo.base64, "base64"),
progressCallback(progress)
prog = parseInt(progress.loaded/progress.total*100)
console.log(prog+"%");
foo.setState(uploadProgress: prog+"%")
,
contentType: "image/jpeg"
)
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
answered Apr 19 at 0:32
Jasper ThayerJasper Thayer
113
113
add a comment |
add a comment |
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.
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%2f55075608%2fhow-do-i-send-progress-of-s3-upload-in-aws-amplify-react-native%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
