React Native Document Picker || Upload Images, Pdf in React Native Application

React Native Document Picker || Upload Images, Pdf in React Native Application
In this video, we will see how can we upload files through our React Native application. We will add functionality to upload images, pdf, docs, excel sheets, etc.
Source Code: github.com/off...
For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/
===============================
Latest Videos
===============================
React Native Calendar:
• React Native Calendar ...
React Native Login-Signup UI:
• React Native Login & S...
React Native Image Carousel:
• Image Carousel in Reac...
React Loaders:
• React Loading Spinners...
Custom React Native Dropdown:
• Custom Select Dropdown...
Uber Interview Process:
• How he cracked Uber wh...
React Native Weather App:
• Weather App in React N...
React Native Movie App:
• React Native Movie App...
React Native Telegram UI Clone:
• Telegram Clone UI usin...
===============================
Popular Playlists:
===============================
React Native Projects:
• React Native Projects
React Native Tutorial:
• React Native Tutorial
React Navigation:
• React Navigation
React Native Custom Components:
• React Native Custom Co...
React Placement Ready:
• React Placement Ready
React Native Crash Course in Hindi:
• React Native Crash Cou...
React Custom Components:
• ReactJs Custom Components
===============================
Popular Videos:
===============================
Get Ready for frontend Developer Interviews:
• React Placement Ready ...
React Native Calculator:
• Light & Dark Theme Cal...
React Native Video Player:
• React Native Video Pla...
React Native Linear Gradient:
• React Native Linear Gr...
===============================
React Placement Ready:
===============================
Part-I Basic React:
• React Placement Ready ...
Part-II Virtual DOM & DOM:
• React Placement Ready ...
Part-III JSX:
• React Placement Ready ...
Part-IV Lifecycle methods:
• React Placement Ready ...
Part-V(a) React hooks:
• React Placement Ready ...
Part-V(b) React Hooks:
• React Placement Ready ...
Part-VI React Components:
• React Placement Ready ...
Part-VII State & Props in React:
• React Placement Ready ...
Part-VIII React Context API:
• React Placement Ready ...
Part-IX Redux:
• React Placement Ready ...
Part-X React Router:
• React Placement Ready ...
Part-XI Miscellaneous:
• React Placement Ready ...
===============================
React Native Crash Course in Hindi:
===============================
The Basics of React Native:
• The Basics of React Na...
User Profile in React Native:
• User Profile in React ...
Form Validation in React Native Part-I:
• Form Validation in Rea...
Form Validation in React Native Part-II:
• Form Validation in Rea...
TODO App in React Native:
• TODO App in React Nati...
COVID Vaccination Slot finding App:
• COVID Vaccination Slot...
===============================
How to Crack Placements & Interviews:
===============================
Get your Dream Job via Cold Calling:
• Get your dream job via...
Get into FAANG via Referral:
• How to get into FAANG ...
Uber Interview Process:
• How he cracked Uber wh...
✨ Tags ✨
react native document picker upload file,react native tutorial,react native document picker,react native document picker example,react native document picker tutorial,react native document picker github,document picker in react native,image upload in react native,profile image upload in react native,react,react native,upload picture react native,document picker react native,document picker react native example,react native tutorial for beginners

[@satyak1337]

Thank you. Short and on point video. No crazy complex project or unnecessary code in the example. 👍

[@officialsgcodes]

Thank you 😊

[@user-on3xj6dp9h]

Thankyou for your clear explaination.

[@officialsgcodes]

You are welcome!

[@harshdeep7015]

Bro please make a video on how can I render any component from other .js file to current .js file on current.js file's button click?? Means reusable component banana lekin usko tab hi display karna jab jis screen pe usi screen ke button ke press hone pe display karana?? Kahi bhi ye video nahi mil raha hai bahut confusion ho raha hai please make a video... Btw great video👍

[@officialsgcodes]

Video already ban chuki h, next series m publish ho jayegi February m 😊

[@harshdeep7015]

@@officialsgcodes ok jaldi bro, for example modal kaise show karte hai, beautiful ui view ya card ko other.js file se app.js me kaise display karenge app.js ke data ko other.js ke ui me fit karke app.js me render kaise karenge ye hona chahiye jaroor👍

[@officialsgcodes]

Modal p 2 videos already bana chuka hoon, todo app wali and a detailed tutorial as well. You check that in the meanwhile. Todo App: kzbin.info/www/bejne/l5PKfoWdpJp9rZI Modal Tutorial: kzbin.info/www/bejne/hH-lhGajbK1sh6s

[@rsfunlimitless4244]

Thank you sir It is very helpful video

[@officialsgcodes]

I'm glad this helped you 😊

[@ManishKumar-vx2xe]

thank you for awesome video👍👍

[@officialsgcodes]

😊

[@lajun.j]

❤

[@rajpootyadav8359]

If I'm previewing the image or pdf then we selecting the image or pdf so app is crashing. It happens only when first time selection after installation of app.

[@mrklenton6897]

thank for this video.

[@umairali2360]

how to pass selected file in post api, please guide

[@rivalheriyan1327]

Nice sir thanks

[@officialsgcodes]

❤️

[@satyak1337]

Please make to upload image picker files to Firebase. This is typical use case for image picker where user logged in user will upload their images to backend(firebase).

[@officialsgcodes]

Sure, will soon make a video on this 👍

[@karansingh-nj7rs]

Good Video sir- could you give me idea how to send this selected image in post API, I mean what type of parameters we need to send while sending uploading image in post api

[@officialsgcodes]

You can send the entire array to the API request and then store the image/pdf to your server. You can use formdata for this purpose.

[@karansingh-nj7rs]

@@officialsgcodes sir i mean for storing image do we need to send type along with image url?

[@officialsgcodes]

No, that's not needed

[@khinzaw8065]

thank u so much

[@chinmaymoharana6562]

How to restrict the Google drive files from being uploading

[@Zero-qc5nu]

I have question while uploading image and file using document picker using form data i got a network error sometimes and sometimes I am not getting this error in Android itz working fine in ios

[@officialsgcodes]

Network error comes because of missing header content-type. Please add that header, you won't get network error again.

[@samarsan4944]

Acha zra ye bataiye School Management system ki website maine bnai h to kya uska app bhi bna sakte h yem isliye pooch rha aki isme fronted to hota ni ??

[@officialsgcodes]

Haan bana sakte ho. Jo bhi operations aapne website p diye h, unn sabko app par de sakte h

[@samarsan4944]

@@officialsgcodes acha isme website ka dashboard wale code react native m convert ho jyga ??

[@officialsgcodes]

Convert nhi hoga. Aapko doobara likhna padega, but kuch methods reuse kar sakte ho ReactJs k

[@user-ic3pp1dv1p]

hi bro can you make a video on how to upload images and document to google drive using react native android and store the image link to database

[@hassanhassouna1066]

Thanks Sir! I'm facing a problem the pick is always null, did you face anything like that before?

[@officialsgcodes]

I haven't faced anything like this before.

[@ayy4703]

Same and i use expo, did you solve it :/

[@sumitsolapurkar5545]

Hello Sir , Can u please make a another video in react-native expo with allTypes of files upload.

[@officialsgcodes]

Sure, will make a video with expo as well

[@sumitsolapurkar5545]

@@officialsgcodes thank u sir

[@diegosolliveira]

I made all this and the button isn't showing anything when I press

[@officialsgcodes]

Have you added the onpress method?

[@abhijeetpatil932]

content uri ko file uri may kaise convert karu,

[@umeshtandon459]

TypeError: null is not an object (evaluating 'RNDocumentPicker.pick') ye error aa rha hai sir

[@officialsgcodes]

Check the import statement, seems like import is wrong

[@suganya8270]

Hi i also getting the same error please help me to fix it,i checked import

[@rohitbera6178]

i was facing the same issue as i was using expo , but solved when used expo-document-picker

[@mehransoulmusic8666]

agr an atteched files ko hum chate ma bajna chaty ho. to kasay karay.

[@officialsgcodes]

I didn't understand your question.

[@CitroMake]

every time i try to use pick function it give me an error

[@officialsgcodes]

What's the error?

[@pratikpashine9054]

HOW TO GET ABSOLUTE PATH OF A FILE from uri content://

[@officialsgcodes]

If you have the uri, then you can simply do uri.getPath() first. This will give you the path uri and then split it on : After splitting you will get the exact path.

[@venkkateshmg4850]

How to split you have mentioned to split it could you please explain

[@user-yw5rc5xr6s]

canivi yetim yetim iwledi