not able to upload image React native

[chirag-chopra]

I tried uploading the image to the PHP server but it's not working although I was able to upload normal String but getting the issue in image uploading
need help

[eightyfive]

I just spent hours myself, but I finally found it...

Before:

// `res`: ImagePicker response object
// https://github.com/react-native-community/react-native-image-picker/blob/master/docs/Reference.md#the-response-object

data.append('photo', {
  uri: res.uri,
  type: res.type,
  name: res.fileName
});

After:

data.append('photo', {
  uri: res.uri,
  type: res.type,
  name: res.fileName || 'dummy-filename' // !!
});

So basically Laravel does not recognize your "photo" formData field if the photo.name is not set...

That but also the fact that you must strip the file:// prefix from uri when on iOS. Full(er) code:

React Native

        let fileUri;

        if (Platform.OS === 'android') {
          fileUri = uri;
        } else {
          fileUri = uri.replace('file://', '');
        }

        const data = new FormData();

        data.append('foo', 'bar');
        data.append('photo', {
          uri: fileUri,
          type: res.type,
          name: res.fileName || 'dummy',
        });

        // fetch('http://127.0.01:8000/api/images', { method: 'POST', body: data, ... });

Laravel

// SomeController.php

$request->file('photo')->store('images');

[feidaZhang]

What's the value that can be set to 'Content-Type' in request headers?
I failed if set the Content-Type and clear the 'Content-Type' will be ok.
I do not know the reason. lol

[eightyfive]

Content-Type header tells the server it's a multipart/form-data encoded File sent over the wire.