React Native Image Upload with Expo and PHP 🤩

In this React Native tutorial, you will learn to capture images with Expo, store them inside the filesystem of your app, and finally upload images to a PHP server!
🔥 Learn React Native FAST: galaxies.dev/reactnative
🔗 Full tutorial: galaxies.dev/react-native-ima...
#############################
❤️ You can also find me on:
Twitter: / schlimmson
TikTok: / simongrimm_
Instagram: / simongrimm_
#############################
Chapters:
00:00 What you will learn
00:56 Setting up the Expo app and Plugins
02:40 Using the FIlesystem and Camera
07:25 Saving Images
11:13 Uploading Images
17:50 Outro
#reactjs #reactnative #expo

[@SallyLahman]

This is a life saver for me since I'm competent with PHP servers, thank you Simon

[@donavandaniels3099]

Thanks so much Simon, i have been looking for a React/PHP combo for weeks. I really appreciate the time you spent in putting this together. If ever you are in South Africa, I will take you for lunch 🙂

[@galaxies_dev]

Glad I could help - still so many devs use PHP but there are rarely videos about it these days in combination with RN 🤷‍♂️

[@eclipse4049]

Hi, Simon. Thank you very much for the tutorial, its helped me a lot

[@galaxies_dev]

Glad to hear, would be awesome if you can share it ✌️

[@saurabhpurohit20]

Nice explanation & well documented ❤

[@galaxies_dev]

Thanks a lot 😊

[@kuntalbhatt]

Plz teach us real time chat application using angular. And also in live server. Thanks for ur support. ❤

[@bryanaustin1007]

This tutorial has worked for me. I have been stuck for 2 days. Thanks @Simon for the Video. I had to subscribe. 👏👏

[@galaxies_dev]

Glad I could help!

[@bryanaustin1007]

Could you help with a tutorial on how to add a URL image to a Word document in react native (expo) @@galaxies_dev

[@angelecg]

Woow, thanks men, I'm taking the time to say THANKS!!!!.. cristal clear explanation. I have an API with python and it was really easy to send and receive the files.
I added the option to select multiple files and did some modifications into the example taht you show us.

[@galaxies_dev]

Glad it helped!

[@galaxies_dev]

Learn React Native FAST by becoming a member of Galaxies.dev today

[@user-hz2jf4ql7c]

Noice. How would you save this file inside Internal Storage like Android/AppName or Android/media/appuniquename/foldername ?

[@fallanstar]

How we implement 360 image slider in react native with camera and hotspot button to handle the image plz make video on this

[@galaxies_dev]

Sounds interesting, will take a look at it!

[@tomiwaajayi8288]

Thanks a lot Simon @galaxies_dev
Question:
Is there any possible downside to just keeping them in a useState hook and then sending them to my api.
Basically, can I do without the file system ?
What are the advantages of using the filesystem and possible downsides to not using it.
Look forward to your reply.

[@galaxies_dev]

Yeah as long as you don't have too much in memory (in useState) it should be fine and you shouldn't experience any performance drawbacks!

[@ShiNoBiize]

Anyone got the error i'm getting?
TypeError: Cannot read property 'documentDirectory' of undefined
For some reason FileSystem.documentDirectory is being undefiend...

[@Karthicklog]

Hi Simon,
really appreciate on this one but i coudn't follow up with the setps, most of the codes are auto genrated, but i have done my own solutions

[@galaxies_dev]

I will try to slow down next time! But you can find the code linked below the video as well :)

[@alex2261997]

Hi Simon,
Would you have any idea why this same code can work for me in development but fails in production?

[@galaxies_dev]

Not really :/ Have you tried to look into the logs, or make a custom dev build and get as close to a "production" case as possible?

[@chidiebereernest5928]

I'd like to know the extension you're using?

[@galaxies_dev]

Most likely React Snippets in VSC!