Advice on RN Camera w/ Firebase & Image Orientation?
Im dying here ;) My RN/Expo app takes photos and stores them on Firebase. ... that part works fine.
However, it seems that on iOS RN/Expo Camera writes some exif orientation data that is never truly reliable. It sometimes changes the orientation to rotated 90 CCW sometimes not. Boo.
I need some advice on the best pattern for this. Is the best idea to force Exif BEFORE upload or read the exif data and orient the image on the client side? My gut is the latter.
I stupidly assumed this was trivial but it seems it isn't. Can anyone point me in the right direction on this?
Also, I need to understand how to read exif data in RN. The only npm I found requires the image to be local vs. using a uri.
react-native react-native-ios exif
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
add a comment |
Im dying here ;) My RN/Expo app takes photos and stores them on Firebase. ... that part works fine.
However, it seems that on iOS RN/Expo Camera writes some exif orientation data that is never truly reliable. It sometimes changes the orientation to rotated 90 CCW sometimes not. Boo.
I need some advice on the best pattern for this. Is the best idea to force Exif BEFORE upload or read the exif data and orient the image on the client side? My gut is the latter.
I stupidly assumed this was trivial but it seems it isn't. Can anyone point me in the right direction on this?
Also, I need to understand how to read exif data in RN. The only npm I found requires the image to be local vs. using a uri.
react-native react-native-ios exif
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
1
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46
add a comment |
Im dying here ;) My RN/Expo app takes photos and stores them on Firebase. ... that part works fine.
However, it seems that on iOS RN/Expo Camera writes some exif orientation data that is never truly reliable. It sometimes changes the orientation to rotated 90 CCW sometimes not. Boo.
I need some advice on the best pattern for this. Is the best idea to force Exif BEFORE upload or read the exif data and orient the image on the client side? My gut is the latter.
I stupidly assumed this was trivial but it seems it isn't. Can anyone point me in the right direction on this?
Also, I need to understand how to read exif data in RN. The only npm I found requires the image to be local vs. using a uri.
react-native react-native-ios exif
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
Im dying here ;) My RN/Expo app takes photos and stores them on Firebase. ... that part works fine.
However, it seems that on iOS RN/Expo Camera writes some exif orientation data that is never truly reliable. It sometimes changes the orientation to rotated 90 CCW sometimes not. Boo.
I need some advice on the best pattern for this. Is the best idea to force Exif BEFORE upload or read the exif data and orient the image on the client side? My gut is the latter.
I stupidly assumed this was trivial but it seems it isn't. Can anyone point me in the right direction on this?
Also, I need to understand how to read exif data in RN. The only npm I found requires the image to be local vs. using a uri.
react-native react-native-ios exif
react-native react-native-ios exif
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
asked Nov 14 '18 at 21:01
andehluandehlu
3692318
3692318
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
1
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46
add a comment |
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
1
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
1
1
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46
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%2f53308644%2fadvice-on-rn-camera-w-firebase-image-orientation%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.
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%2f53308644%2fadvice-on-rn-camera-w-firebase-image-orientation%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
Would a library like react-exif-orientation-img which compensates for the ignored exif data by producing CSS transforms be suitable?
– MTCoster
Nov 14 '18 at 21:10
Its for react .... not react native :(
– andehlu
Nov 14 '18 at 21:12
My fault for not reading your question correctly, apologies!
– MTCoster
Nov 14 '18 at 21:16
I don't know the answer to your question, but perhaps you can help me.... stackoverflow.com/questions/53294492/…
– Yossi
Nov 14 '18 at 21:17
1
Sorry @Yossi ... didnt use base64
– andehlu
Nov 14 '18 at 21:46