Unable to set image path in react native
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am working on a react native project.
In this I want to get image file from image so that I can send it in formdata. My image is stored in assets folder inside my project structure.I have tried but unable to get it done. I also tried to convert it into base64 by the help of RN-fetch-blob.
Below is the code I used:
RNFetchBlob.fs.readFile('../assets/img/user.png', 'base64')
.then((data) => {
console.log("base 64 string is > ", data);
})
.catch((error) => {
console.log("error >", error)
})
But It is unable to read from the local folder. Please help
javascript reactjs react-native redux react-redux
add a comment |
I am working on a react native project.
In this I want to get image file from image so that I can send it in formdata. My image is stored in assets folder inside my project structure.I have tried but unable to get it done. I also tried to convert it into base64 by the help of RN-fetch-blob.
Below is the code I used:
RNFetchBlob.fs.readFile('../assets/img/user.png', 'base64')
.then((data) => {
console.log("base 64 string is > ", data);
})
.catch((error) => {
console.log("error >", error)
})
But It is unable to read from the local folder. Please help
javascript reactjs react-native redux react-redux
I tried to find information about the issue and found this:4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images arerequire
d, otherwise they won't be accessible apparently.
– Chris G
Nov 16 '18 at 14:26
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37
add a comment |
I am working on a react native project.
In this I want to get image file from image so that I can send it in formdata. My image is stored in assets folder inside my project structure.I have tried but unable to get it done. I also tried to convert it into base64 by the help of RN-fetch-blob.
Below is the code I used:
RNFetchBlob.fs.readFile('../assets/img/user.png', 'base64')
.then((data) => {
console.log("base 64 string is > ", data);
})
.catch((error) => {
console.log("error >", error)
})
But It is unable to read from the local folder. Please help
javascript reactjs react-native redux react-redux
I am working on a react native project.
In this I want to get image file from image so that I can send it in formdata. My image is stored in assets folder inside my project structure.I have tried but unable to get it done. I also tried to convert it into base64 by the help of RN-fetch-blob.
Below is the code I used:
RNFetchBlob.fs.readFile('../assets/img/user.png', 'base64')
.then((data) => {
console.log("base 64 string is > ", data);
})
.catch((error) => {
console.log("error >", error)
})
But It is unable to read from the local folder. Please help
javascript reactjs react-native redux react-redux
javascript reactjs react-native redux react-redux
asked Nov 16 '18 at 13:46
DhruvDhruv
12
12
I tried to find information about the issue and found this:4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images arerequire
d, otherwise they won't be accessible apparently.
– Chris G
Nov 16 '18 at 14:26
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37
add a comment |
I tried to find information about the issue and found this:4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images arerequire
d, otherwise they won't be accessible apparently.
– Chris G
Nov 16 '18 at 14:26
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37
I tried to find information about the issue and found this:
4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images are require
d, otherwise they won't be accessible apparently.– Chris G
Nov 16 '18 at 14:26
I tried to find information about the issue and found this:
4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images are require
d, otherwise they won't be accessible apparently.– Chris G
Nov 16 '18 at 14:26
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37
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%2f53339110%2funable-to-set-image-path-in-react-native%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%2f53339110%2funable-to-set-image-path-in-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
I tried to find information about the issue and found this:
4. Only the images that are actually used will be packaged into your app.
Which means you will have to add an array to your app where all the pre-packaged images arerequire
d, otherwise they won't be accessible apparently.– Chris G
Nov 16 '18 at 14:26
Use this: github.com/react-community/react-native-image-picker
– Hoàng Vũ Anh
Nov 17 '18 at 3:54
@ChrisG How can I do this, can you please elaborate.
– Dhruv
Nov 19 '18 at 4:37
@HoàngVũAnh I have used it for interaction with Camera and gallery but unable to use it for the local folder images
– Dhruv
Nov 19 '18 at 4:37