Image Upload in React Native | Expo App

In this video, we look at implementing image upload in a React native or expo app using expo-image-picker.
GET SOURCE CODE 📀⬇️

NOTES

🔵 The goal here is to upload and display an image from the user’s gallery or take a new image with the camera when the image button is pressed. As well as provide a way to delete the uploaded picture.

🔵 We’ll also talk briefly about how to proceed with the uploaded image for storage by making API calls and also when you have other input fields using FormData.

VIDEO RESOURCES

LET’S WORK

CHECK OUT THESE HELPFUL TUTORIALS

🟡 Publishing Expo React Native App to Play Store Journey

🟡 PHP Project

TOOLS USED

FOLLOW US ON:

CHAPTERS

0:00 Work Overview
0:42 What Will Be Needed
1:30 Triggering The Upload
1:51 Uploading Via Camera
3:52 Displaying The Uploaded Image
4:48 Uploading Via Gallery
6:05 Deleting The Image
6:37 Proceeding With Only The Image For API Requests
8:06 Proceeding With The Image And Other Form Inputs
8:55 Future Works

#tothepointcode #reactnative #imageupload

[hamedayinde]

This is the simplest and the most straightforward video I've seen on file upload in React Native. Thank you for putting this out man. You've got a subscriber.

[echannellink]

Thanks for this video. Please how do i pick multiple images

[minhnhat]

Nice!! but I wonder whether there is a way we can pick multiple photos at once using this library. I'm kinda struggling with this

[pallisai]

but because of expo-image-picker expo is not able to create build gradle error will get

[Niletixofficial]

When i take a selfie it mirrors the photo, How do i stop it from mirroring the photo?

[leandropinheiro]

Não teria como dar um exemplo de com fazer utilizando o EXPO GO ao invés de utilizar HTML?

[maciekjurczyga]

[SOLVED] Did anyone get 409 conflict while sending an image from gallery?