Тёмный

Image Upload in React Native | Expo App 

ToThePointCode
Подписаться 9 тыс.
Просмотров 26 тыс.
50% 1

In this video, we look at implementing image upload in a React native or expo app using expo-image-picker.
GET SOURCE CODE 📀⬇️
🔴 Resulting Source Code - bit.ly/rn-img-up
🔴 Get full access to All Source Codes and other resources released DURING the Month - bit.ly/ttpc-monthly-access
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
🟢 Expo Image Picker - docs.expo.dev/versions/latest...
LET’S WORK
👋 You can reach me at - contact.tothepointcode@gmail.com
CHECK OUT THESE HELPFUL TUTORIALS
🟡 Complete React and Node JS Login System - • Login Page with React ...
🟡 Node JS Projects - • Node JS Starter Guide
🟡 React Native Projects - • React Native Starter G...
🟡 Publishing Expo React Native App to Play Store Journey
- • Publish Expo React Nat...
🟡 PHP Project
- • PHP CRUD Application f...
TOOLS USED
🟠 Tool for my thumbnail & images - partner.canva.com/ttpc
🟠 Cheap website domain name - namecheap.pxf.io/ttpc
FOLLOW US ON:
🔵 GitHub - github.com/tothepointcode
🔵 RU-vid - / @tothepointcode
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

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 13   
@ToThePointCode
@ToThePointCode 9 месяцев назад
Thanks for watching. The resulting source code can be found here: bit.ly/rn-img-up
@hamedayinde9434
@hamedayinde9434 8 месяцев назад
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.
@proMehedi
@proMehedi 6 месяцев назад
You saved my day! Thank you
@Lucssants
@Lucssants 2 месяца назад
You're amazingggg!!!!
@tamimabdullah3624
@tamimabdullah3624 8 месяцев назад
Thanks man!
@dihuynh4893
@dihuynh4893 3 месяца назад
thanks !!!
@echannellink7652
@echannellink7652 8 месяцев назад
Thanks for this video. Please how do i pick multiple images
@minhnhat4482
@minhnhat4482 3 месяца назад
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
@leandropinheiro88
@leandropinheiro88 Месяц назад
Não teria como dar um exemplo de com fazer utilizando o EXPO GO ao invés de utilizar HTML?
@pallisai8609
@pallisai8609 7 месяцев назад
but because of expo-image-picker expo is not able to create build gradle error will get
@Niletixofficial
@Niletixofficial 5 месяцев назад
When i take a selfie it mirrors the photo, How do i stop it from mirroring the photo?
@CodeZen360
@CodeZen360 6 месяцев назад
top
@maciekjurczyga7893
@maciekjurczyga7893 Месяц назад
[SOLVED] Did anyone get 409 conflict while sending an image from gallery?
Далее
React Native Image Upload with Expo and PHP 🤩
18:31
programming projects that taught me how to code
9:49
Просмотров 280 тыс.
React Native Expo Image Picker
1:23
Просмотров 2,5 тыс.
Fix React Native Keyboard Covering TextInputs #1
13:06