Question

71

How to upload image to server using axios in react native?

rated 0 times [ 73] [ 2] / answers: 1 / hits: 25830 / 6 Years ago, tue, october 16, 2018, 12:00:00

I want to send an image as a file to the server in react native. How can I do this?
Here is my code:-

export const editUserProfile = (sessionId,firstName,lastName,image,countryCode,phone) => 

new Promise((resolve,reject) => {



    const form = new FormData();

    form.append('image',{

        uri : image,

        type : 'image/jpeg',

        name : 'image.jpg'

    })

        return axios.post(base_url+'edit-profile',{

            session_id : sessionId, 

            firstname : firstName,  

            lastname : lastName,

            image : null,  

            country_code : countryCode, 

            phone : phone, 

            locale : 'en'

        }).then(response =>     

            {resolve(response)})

        .catch(error => 

            {reject(error)});

    });

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dusty

Add To Favorites

Follow

Total Points: 739

Total Questions: 97

Total Answers: 85

Location: Angola

Member since Wed, Apr 13, 2022

2 Years ago

dusty questions

1 js fetch post works, but php is empty

Mon, Dec 14, 20, 00:00, 4 Years ago

1 Nested function component ReactJS

Mon, Mar 23, 20, 00:00, 4 Years ago

1 React Native - How do we know what child element is contained by parent?

Mon, Mar 16, 20, 00:00, 4 Years ago

1 Postman : How to assert all array elements exist in other array?

Fri, Jul 12, 19, 00:00, 5 Years ago

1 How to fix this error Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': 'div.com[min=]' is not a valid selector?

Thu, Jun 13, 19, 00:00, 5 Years ago

View All

answered 6 Years ago davism · Accepted Answer

//edit user profile

export const editUserProfile = 

    (sessionId,firstName,lastName,image,countryCode,phone) => 

new Promise((resolve,reject) => {



    var data = new FormData();

    data.append('session_id',sessionId);

    data.append('firstname',firstName);

    data.append('lastname',lastName);

    data.append('image',

      {

         uri:image,

         name:'userProfile.jpg',

         type:'image/jpg'

      });

    data.append('country_code',countryCode);

    data.append('phone',phone);

    data.append('locale','en');



        return axios.post(base_url+'edit-profile',data).then(response =>     

            {resolve(response)})

        .catch(error => 

            {reject(error)});

    });