How to convert base64 to image in react native using. \ which we are not able to upload through base64 conversion.
How to convert base64 to image in react native using.
I need to upload image to server.
How to convert base64 to image in react native using Hot Network Questions In the movie "Dead Tired" ("Grosse Fatigue") whom is the character next to Queen Elizabeth's lookalike supposed to impersonate? Does study power impact on type 1 error? How can I troubleshoot and fix an SSH “connection corrupted” issue on a work managed Mac after I take the selectedFile from the state and then convert it to base64. Correct values are receiving from server. Code to Send Image over POST Request for Inference using grpc is shown below: React Native - Convert base64 encoded image to URI. I'm using axios as my HTTP client. Modified 1 year, 4 months ago. And when I tried generating the pdf file, image is not included on the generated pdf file. Another way is to install this react-native-base64 package and use it as below in react native. Compressing base64 encoded images in React-Native on Android does not recognise 'data' protocol. React-native - Populate Image with file path Easily generate PDF files from images in React Native. and near about every app using the sharing functionality in his app. Follow answered May 18, 2020 at 3:43. I am new to react native Nov 24, 2021 · I am using react-native-image-picker along with react-native-photo-editor. The server require image in byte array. i'm try to set style but it not working. don't use RN. Is there any way to image path to byte array? Also, the other option is to use Unit8Array and convert the base64 into blob. append('Name of the key from backend', { uri: 'file path of image', type: 'image type e. in which I am adding 3 images and 1 digital signature. react-native; Share. data:image/png;base64,${element. for example I want to reduce photo size to 100kb. If that is successful then just increase your timeout This is a short JavaScript example of how you could convert an uploaded image file to a base64 string. This is quite similar to displaying remote url image. Here is the code that I used to upload media on s3. you raise money and hire people and expect it keep improving. it shows me the following data when I make the request to the api. dirs. I can do this via Swift in a straight native app. React js image to base64. de) and then send it to the server using a tool like Postman. It creates an options object that specifies the URL of the image encoded in base64 format. if you're using react-native, add this to the top of your files: global. I want to send it to the API and before that, I want to convert it to the data URL. But I am getting base64 response. Now I want to decode base64 string back to audio format and play in react-native. I have a base64 string and I want to compress it to my size. I need to iterate over the response and I need to display the image. Hot Network Questions How can I create an asterisk with eight spokes? Good way to solve a vector equation modulo prime May 6, 2018 · I'm looking for a way to convert a string to Base64 in react native such as btoa(). 52. Hot Network Questions How to delete my old ElevenLabs API Key? How to automatically terminate shell scripts after 1 minute you can use image. Consider using base-64 as well which is compatible with btoa and atob, worked for me in react and react native: npm install base-64 --save import {decode as base64_decode, encode as base64_encode} Server send an raw image in axios, how to convert it to base64 or other way to use this image. I need to upload image to server. React Native - Convert base64 encoded image to URI. stringify(res. readFile(filePath, Turns out it's not tricky at all, suppose I have a BASE64 image, if I want to convert it to a JPG, just use react-native-fs like so: import RNFS from 'react-native-fs'; React Native allows image conversion in your app using the Image component. How decode binary string react native. width = width. - Canciller/react-native-images-to-pdf how i can set my image string base64 to grayscale in react native expo. Can somebody help me convert the path of an image to something I can upload to firebase storage with react native? What I've tried. this is my code i try to use form data insted of header but still not working the upload work but the image not showing. Here's an example implementation: Convert the HEIC file to JPG by calling the convert method of the heic2jpeg library and passing in the HEIC file as an argument: const jpegData = await heic2jpeg. a to your project's Build Phases Link Binary With Libraries; Run your project (Cmd+R) I am using expo's image picker to find the path of the image that the user wants to upload, but once I have the path I don't know how to convert that to something I can upload to firebase. When I access pictures form gallery using Jun 5, 2020 · I read the documentation for react-image-file-resized. Can anyone help me? Also, I don't want to store the file/image to the local storage. In Xcode, in the project navigator, right click Libraries Add Files to [your project's name]; Go to node_modules react-native-image-converter and add RNImageConverter. React Native- Resize Image and convert to base64. createPDF = async (html) => {}; fetchImageData Using react native base64 image images might limit your ability to update images without redeploying the app, which isn’t the case when fetching images from a remote server. I used to turn the image to a blob in websites using packages like blob-util, which doesn't work on React-native. then((res)=>setAudioBase64(res)) Now my base64 string Dec 9, 2020 · npm install -D react-native-dotenv. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company You are not passing a ref to the Camera object, you need to create an instance of Camera and then trigger it from your app, according to this. The backend is made in I am getting video from mobile local storage through ImagePicker in react native, now I want to convert this video to base64 but unable to do it. I tried using: First, you’ll need to install the ‘react-native-fs’ library. jpg image from a remote server and convert it into a base64 format. Your code should look like this: I am using expo-image-picker to pick image from a device but it is returning image uri. showImagePicker Hey, I'm using your library and im having an issue: I have a slider controlling the amount of contrast in my image which is wrapped in a ColorMatrix component. So I'm using react-native-signature-capture to capture a signature, but I wan't to cut down on the image size before encoding it. How to convert base64 to bytes in Expo React Native? 5. I had a very similar requirement (importing a base64 encoded image from an external xml import file. The react-image-crop is a tool for cropping images for React with no dependencies. Any help could be usefull. 7. So i want to convert that base64 image into BLOB in react js. You can use base-64 to convert data to BASE64 encoded string, I am trying to show an image gotten from a server in a React Native app. launchImageLibrary I send/receive my image by using base64. I want to convert the output of expo-image-picker to binary file but I can't. Asking multiple questions in one is discouraged (it's even one of the options behind the "needs improvement" flag) so maybe open two separate questions if To display an image from a blob URI in React Native using Expo Image Picker, you can follow these steps: Convert the local file URI to a blob using the fetch() function. I’m using Expo to manage my development workflow and it even adds more confusion. React Native makes it convenient to perform Base64 encoding using the built-in btoa() function, which stands for “binary to ASCII“. While your question title is about base64, I'm only seeing code related to file selection and preview. PictureDir; // this is the pictures directory. 2. I tested it with the separate button and I got base64 image in the console. reason: write interface is easy. How to perform the convertion. I have created a form. '} (hence data. Commented Feb 7, 2019 at 0:19. let formdata = new FormData(); formdata. How do we do that ? image comes like this : In React Native I'm trying to load an image stored at a relative path as a base64 string, but the require returns 3 as response instead of the image source. This function converts binary data into a Base64-encoded const playerImage = new Image(canvas, height, width); playerImage. adding a fetchImageData function to convert the image to a Base64 string is the recommended fix. convert(heicFile); You can then use the jpegData to create a new JPG file or display it in an img element: It could be for a lot of different reasons. How can I convert base64 to bytes in React-Native using expo? Skip to main content Just move the toDataURL() inside the onload handler. { "plugins": [ ["module:react-native-dotenv"] ] } Create another file named . result) } } I tried the following code to download the file. or this library for storing image react-native-fs. I am using react-native-image-crop-picker to select image from gallery. How to setState base64 string as image in React? 0. 5. readFile(audioPath,"base64"). 4. as suggested displaying binary data as image below is the code i have used for this. height = height. tintColor: 'gray', opacity: 0. xcodeproj; In Xcode, in the project navigator, select your project. You can use the received URI to access and display the file’s contents in your application. fs. From there I fetched it within my Node API and added it to the response so I don't have to reference s3 directly from my native application. Buffer image/jpeg;base64, "– mattdedek. Then I am receiving it and storing in a variable. post('uri', photoData, config) Here is my img data : img data. import ImagePicker from 'react-native-image-picker' ImagePicker. Loading PDF from Base64 data using react-pdf-js. How to convert a byte array to Base64 in Java? Java 8+ Encode or decode byte arrays: in react native how can i convert image and upload it to server as binary. This function converts binary data into a Base64-encoded string. However, you cannot use this component to convert base64 images. Creating I'm trying to send image from image-picker to the server, but image-picker returns only base64. as we know the react-native also provides the share API but that one is limited it cannot provide all the functionality, so we @amaan great. onload = () => { console. Code Example React Native makes it convenient to perform Base64 encoding using the built-in btoa() function, which stands for “binary to ASCII“. React Document Picker and Base64. I want to convert it to image. useState(null) RNFS. Can anyone please help me out, I am stuck in this problem for days. And when I tried generating the pdf file, image is not included on the generated adding a fetchImageData function to convert the image to a Base64 string is the recommended fix. I'm sure the path is correct, and I the React-Native: Convert image url to base64 string. I have encoded audio in base64 string using react-native-fs. i am new to react native. In this article, we’ll explore react-image-crop package to achieve so. In ren btw, just a simple update: I give up React Native. I’ve been using the latter since it came out and had experienced 0 bugs. but problem is third party lib and debugging. . Create an object URL from the blob using URL. This package allows the user to select the desired document and returns its URI. Another alternative, and probably the preferred alternative, is to use I have registration for in React where I need to upload files to the server. Thanks in advance! I tried to use atob/btoa, but it's not working for me Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Hello, i have next the image de type buffer, this data is one image, how can I convert my buffer data into an image. For simple app it's fine. DeprecationWarning: Buffer() is deprecated due to Here's my solution: I am using react-native-image-crop-picker. In fact, you cannot use the base64 format for images in When an image is stored using base64 to a database such as MongoDB, the image is stored as a string in the database. cpExternal(fullPath, fileName, 'downloads'); Storing the images as base64. It returns URI(image path), which I need to convert to byte Array. you need to make a blob first. Any suggestion. This technique can be advantageous when working with APIs requiring base64-encoded image data or storing image data as strings in your application. How to upload image from React-Native: Convert image url to base64 string. To pick the image from device/camera you can use react-native-image-picker. Hot Network Questions The frontend is written in react and the backend in java. That’s how you share image with other apps in react native. 'Content-Type': 'multipart/form-data' I also know that on the backend, the image must have a MultipartFile type. open method is then called with the options object as an argument, which opens the device’s sharing menu and allows the user to share the image with other apps. The react-native-document-picker package is used in React Native applications to select documents from the user’s device. Sep 14, 2021 · i am new to react native. decode token in React Native. React SVG component render dynamically. open method is then called with the options object as an argument, which opens the device’s sharing menu and allows the I am using react-native-signature-canvas which returns the signature as a base64 image string. Improve this answer. btoa() is only working when developer tools are open. In fact, you cannot use To save base64 images in React, first convert the base64 data to a binary format using functions like the ‘File’ constructor or ‘Blob’ to create a file obh=ject from the binary data. Convert Base64 to png and save in the device React Native Expo. Here are some resources that you might want to take a look into to do that: Sep 1, 2024 · I have static image which i need to convert in Base64 and then send it to Android/iOS native code. Jun 4, 2020 · Convert blob to image in React Native? 2. we all know the importance of social media. 6. Apr 21, 2020 · I am very new to react, an i have a use case like, getting the books details in a API response with the image. So how can i download that? const { config, fs } = RNFetchBlob; let PictureDir = fs. as we know the react-native also provides the share API but that one is limited it cannot provide all the functionality, so we are going to use the react-native-share. My suggestion is to resize the Base64 image itself. Example of code, that copies an image A simple VisionCamera FrameProcessor plugin. So, here are the steps that I After that, you can use the URL of the copied file (on Android platform) or base64 string (on IOS Platform) in your HTML markup. DocumentDirectoryPath can be used. Note: This plugin is only string and not include data:image/blabla/;base64, Sep 23, 2019 · How to make one to one chat system with firebase in react native expo (Part 1). this is my code: React-Native convert a base64 images array to a single pdf. So today we see Jan 23, 2022 · I am using react-native-signature-canvas which returns the signature as a base64 image string. But Jun 22, 2021 · I want to print a pdf file with an html image embedded on it in react native expo mobile application. i get my images via react-native-image-crop-picker. you gonna waste a lot of time on these 2 I have an image in Base64 format. img. data), so on the browser it needs to be converted back to buffer, and then to a blob to enable browser to handle it. data. Any suggestions would be appreciated. You can do this: var base64Icon = Showing Base64 encoded data as an image is very easy in React Native. After using xml2json-light library to convert to a json object, I was able to leverage insight from cuixiping's answer above to convert the incoming b64 encoded image to a So for implementing share functionality in react native I am going to use a third-party npm plugin. npx create-react-app react-pdf_demo Next, add the project dependencies using the following command: npm install antd @ant-design /icons react-to-pdf Code language: CSS (css). How to send Base64 to API. I built 2 app with RN 0. ReactJs: Displaying Base64 svg in react native. Is it possible to give an Image the path to the the base64 to populate the Image. createPDF = async (html Jul 11, 2023 · I am using expo-image-picker in my React-native app. 1 React Native: Read local image as Base64 string to send it in JSON. Base64 Encoding in React Native. babelrc in the project folder and add the following snippet to it. In react-native, converting an image to BASE64 format is easy, with a little help of react-native-fetch-blob, I simply do: RNFetchBlob. it works well. and then send this image to server using formdata multipart. Please help me in resolving this issue. Share. Convert Image to Base64. Hot Image comes to as ByteArray from webservice. How to convert image URI to Byte[](Byte array) in React Native. Right now we are not sure if it's an issue with the client or the server. 4,252 1 1 gold badge 15 Jun 22, 2020 · The overwhelming amount of data would clutter your state unnecessarily, all of this because you are storing the full base64 image in your store. When I access pictures form gallery using I need to download a . On image select from gallery, it returns image path like this: In react native, how to convert a base64 image to jpg then save to temp path? 4. I need to aquire pictures in the base64 format both using camera and from gallery. const data = new FormData() data. I am trying to using React-Native-Camera to capture an image and upload to the server, the captured response only provide base64 image and relative uri path to the system's cache. Run the following command in your project directory: npm install react-native-fs 2. 3, and try to use react-native-grayscale but is only iOS. Looking at react-native-base64, it has a function that converts a string to base64 and a function that does the opposite, but not binaryToBase64 React Native - Convert base64 encoded image to URI. data)) // This res. so let’s start implementing share functionality in our app. src = base64 // this being the full base64 Convert image files into different formats, as well as into their Base64 encoding, especially helpful for uploading image files saved via the camera. To ensure it's something on the client (mobile app), try to first use a tool to convert small and large size images to base64 (base64-image. For this purpose I decided to use the ImagePicker expo component. So here is what you need to change in your backend: So here is what you need to change in your backend: You can not send Base64 as uri. I want to send that image as a binary file to my api. In such cases, you can use Expo Asset and Expo ImageManipulator. Importing SVG in React dynamically. style like. Ask Question Asked 8 years ago. To convert image to base64 in React native, the FileReader utility is helpful: This requires react-native-file. photo editor returns uri of the edited image while my api supports base64, is there a way I can convert the edited image uri to base64 encoding ? this is my code below Feb 4, 2022 · I am using expo-image-picker to pick image from a device but it is returning image uri. atob is not working in react js for me. How to convert a base64 png string to base64 svg string in Mar 7, 2019 · I am working on React-Native-OpenPGP for Encryption and Decryption. It is pretty similar to what you would do with basic HTML. But i have a file in base64 format. from('','base64'). you can use react-native-fetch-blob to convert image to base64 and then again back to image from base64. Easily generate PDF files from images in React Native. As a response I get the Uri of the file but unfortunately no base64. When I access pictures form gallery using I am very new to react, an i have a use case like, getting the books details in a API response with the image. just wanna convert it to the DataUrl and send it to the API. I am currently trying to develop a simple application using Expo and react-native and have run into a problem that i cannot overcome. like said, server converts everything to JSON, including image buffer, which is now on client-side an object like {type:'Buffer', data:'. the image object i get is formatted in this way : I take the selectedFile from the state and then convert it to base64. I want to print a pdf file with an html image embedded on it in react native expo mobile application. Next, we When I receive a base64 Image from the server I save it to the android file system. I do not understand what format I need to convert the picture to. Reminder: set permissions on iOS and Android! For a "preview only, copy later" approach the RNFS. While I was using this approach just to “get it done”, React-Native: Convert image url to base64 string. How to get base64 of image in React Native. HEIC, telling me to use . toString("base64") to convert the buffer from the database to base64 representation. This tool will For a project we need to upload an image file which has memory above 2mb. React-Native: I want to convert the base64 data to the corresponding file or this library for storing image react-native-fs. I used base64-arraybuffer for encodes and decodes base64 to and from ArrayBuffers and also using react-native-fs for filesystem access for react-native and also used aws-sdk. This example uses React for directly showing the resul So, you can directly pass Float Value as Input and there is no need to convert it to Base64 Encoded Format because, we use Base64 Encoding when the Data Type of Input is String. Add libRNImageConverter. 55. g jpeg/png etc', name: 'image name', }); So for implementing share functionality in react native I am going to use a third-party npm plugin. convert image url into base64 format for react native share. react-native rn-fetch-blob It creates an options object that specifies the URL of the image encoded in base64 format. I want to convert the base64 data to the corresponding file(pdf,jpef,png etc) and save that converted file to device's local storage ie either internal/extenal storage in react-native. try logging every step from React Native - Convert base64 encoded image to URI. What Am i doing i have been looking for a solution to convert Image from base64 string into Blob. launchImageLibrary I am currently trying to develop a simple application using Expo and react-native and have run into a problem that i cannot overcome. You could store the images as base64 strings in json files and then require these by your application. Jan 4, 2021 · I would like to convert the response of react-native-document-picker to base64 format. data is returning back as buffer so using this . React Native Is there a way to convert a base64 BACK to a uri? 3. img} is not working. \ which we are not able to upload through base64 conversion. 1. React JS: rendering an image from blob. Create a new file named . Render the image using the blob URI. and then I am sending this images to server. const imageBuffer = Buffer. How to convert Base64 image to BLOB in React js. Here's an example implementation: ReactJS, being a popular JavaScript library for building user interfaces, provides various techniques and libraries that can be used to implement image cropping functionality. Those files needs to be Base64 encoded. That would then mean that you would have them already in base64 (so the app doesn't have to do any conversion) but again you would be increasing the size of your application. How to display base64 image in React Js? 0. Then add two global variables in it as follows. I used this import: import RNFS from 'react-native-fs'; after it, I can just use await RNFS. whoa, that's a lot of questions. Your code should look like this: after searched on SO I fund some library rn-fetch-blob and react-native-image-picker but still don't know how to convert image to binary/blob. Thanks in advance. Convert the frame to base64 string format. and show it in the tag but it is not showing. May 31, 2019 · I can’t believe that I can’t easily encode and decode Base64 string in React Native without pulling my hair. If i select an image from file i am able to send it to native code and convert that to Base64. Import the Library. I am new to react native. writeFile(path, fileContent, 'base64');. Your best bet would then be to update something in the state for this component, and reference that in your view. Right now toDataURL() is executed before the image has been drawn, hence the blank image. log('called: ', reader) setBase64IMG(reader. 4,252 1 You are not passing a ref to the Camera object, you need to create an instance of Camera and then trigger it from your app, according to this. In a file I called "pdfConverter. The Share. const convertToBase64 = () => { const reader = new FileReader() reader. createObjectURL(). Thanks, Eranbo. 0. readAsDataURL(selectedFile) reader. Implemented code is: ImagePicker. let result = await ImagePicker. import RNFS from 'react-native-fs'; const [audioBase64,setAudioBase64]=React. Mar 15, 2021 · It's possible to convert the text to a blob, and use the blob as an image element source. Set the blob URL in the state or a variable. I am storing the image in a base64 format in a node. Base64 encoding is a fundamental technique in data manipulation, allowing binary data to be represented in a text format. Use the following function to convert an image to base64: I am getting video from mobile local storage through ImagePicker in react native, now I want to convert this video to base64 but unable to do it. Step 1 Ok I finally found an easy solution with the help of react-native-image-to-pdf It is promis based. Making statements based on opinion; back them up with references or personal experience. result) } } recently I applied the same functionality of uploading media on s3. yes. How to support special characters react natvie base 64. After using xml2json-light library to convert to a json object, I was able to leverage insight from cuixiping's answer above to convert the incoming b64 encoded image to a this. I'm using react-native-image-picker to select image from device. png or . Do not use atob or btoa, that only works in Debug Mode. append('file', source) anyway my code . 5 How to get base64 of image in React Native. setState({img:data. base64}) axios. i'm want image result like this. The function to encode it is as follows: getBase64(file) { let documen Converting images to base64 in React Native is a straightforward process using the ‘react-native-fs’ library. Dec 23, 2021 · I store the base64 string from the image picker in s3 instead. - Canciller/react-native-images-to-pdf To display an image from a blob URI in React Native using Expo Image Picker, you can follow these steps: Convert the local file URI to a blob using the fetch() function. from(JSON. Nov 13, 2021 · Introduction – Here we are going to discuss “How we share the images in React Native”. Embedding images directly in code or data can make your codebase less maintainable, as image changes would require code updates rather than just swapping out react native base64 to file. I want to take an image from my folder (local image fetch)/ Image url and convert that image into Uint8Array for encryption/Decryption . js" I created this function. Aurangzaib Rana Aurangzaib Rana. I want to store that in MySQL Database as BLOB. All you need is to pass the Base64 data to the source property of the Image component. # My Bucket Component: import {S3} from 'aws-sdk'; import Create a React app using the following command:. 3 How to show base64 image - Hi the object returned by ImagePicker from 'expo-image-picker' do not contains any file, I am not sure how to convert the data returned to blob/file, do I have to write the data to file? Creating a second file like. func convertImageTobase64(form I had a very similar requirement (importing a base64 encoded image from an external xml import file. Thanks, Eranbo Dec 10, 2015 · Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. I'm using Expo to manage my development workflow and it even adds React Native allows image conversion in your app using the Image component. If you are using some image picker you can use this code to append image to form data. I want to send it to the API using formdata. import RNImageToPdf from "react-native-image-to-pdf"; export default base64Arr => { // It is a promise based function // Create an array containing the path of each base64 images let base64Paths = []; You can't display byte array in react native better it would be to convert byte array into base64 on backend then use it in React Native like. Follow answered Aug 29, 2019 at 8:23. So how to convert that base64 response into image. I can't believe that I can't easily encode and decode Base64 string in React Native without pulling my hair. toString(); playerImage. What I am getting in the response look like this: I tried to build a Buffer object using buffer and then parse to base64. How can that be achieved? I am using React native signature canvas to get the Base64 of the signature. Hot Network Questions Is it bad practice to state the purpose of a verification code? What kind of apocalypse? May 12, 2021 · I am currently trying to develop a simple application using Expo and react-native and have run into a problem that i cannot overcome. In your React Native component file, import the library: import RNFS from 'react-native-fs'; 3. See In order to display a base64 image in React Native you need to pass the data uri to the source prop of <Image> component. To copy the file to Download folder, I used await FileSystem. 46 and RN 0. But image is not displayed. This string can then be decoded back to its original form when needed. Thankfully, a little trick saves me from this madness. Following is the output. On the frontend part, there is an image (base64) and some fields (string) that need to be sent to the server. launchImageLibraryAsync({ mediaTypes: You're asking two questions: one about image selection and one about base64 conversion. I tried using Buffer. React Native Is there a way to convert a base64 BACK to a uri? I've been struggling to find a supported solution to encode images (from assets) and photo picker to base64string. but if it's serious Startup App. env in your project folder. Asking for help, clarification, or responding to other answers. How to encode base 64 string in ReactJS when btoa is deprecated? 0. On image select from gallery, it returns image path like this: In react native, how to convert a base64 image to jpg then save to temp path? Related. jpg Convert Image to base64 in react native. toString('ascii') but still, image is not showing. In my case, the server doesn't accept if a filename is . It does not look like you could do that unless you are using node (because if you are, you can actually temporarily save it and read then delete). Because when you're using Debug Mode, you're running your JS code in browser (which should be V8), whereas if you're going to run the app in production mode it uses JavascriptCore which does not have an atob or btoa implementation. Viewed 8k times I have an image in base64. I'm looking for a way to convert a string to Base64 in react native such as btoa(). npm install --save react-native-base64. data is the whole object, including the type "Buffer" and the data array const imageBase64 = Your getLogo function is asynchronous, meaning that it isn't going to return the base64 string for the image directly - instead it just fires off the HTTP request and exits, and your then handler fulfils the response promise when the data comes in. please ignore this. Can anyone help me Another way is to install this react-native-base64 package and use it as below in react native. You will need native file system modules, check rn-fetch-blob and react-native-file-access. You also want to consider using a callback/promise after obtaining the data-url as the call is asynchronous, and if you intend to pass the data-url to some other function. Skip to main content. 3. I am new to react native. Provide details and share your research! But avoid . gdh gdh Can't display base64 image in react? 0. 0 React-Native: Download Image and convert it to Base64 Image. hxqzgbjqpdstwikaezpsywlrpyjutjxwyxywmpdstrqqnsbvea