Блог

Мне нужно загрузить несколько файлов из приложения react native с мутацией relayjs. Массив файлов выглядит следующим образом:

[
{uri: 'file:///path/to/file.jpg', mime: 'image/jpg'},
{uri: 'file:///path/to/file2.jpg', mime: 'image/jpg'},
]

Я нашел функцию GetFiles () для мутаций, но я не понимаю, какой формат данных она должна возвращать?

Вот как я это решил:

Я использовал этот пакет https://github.com/jeanpan/react-native-camera-roll-picker чтобы получить изображение с фотопленки:

Вы можете использовать его для тестирования, добавьте это в свой рендеринг:

 <CameraRollPicker
          callback={this.getSelectedImage}
          imagesPerRow={4}
          imageMargin={1}
          maximum={1}
        />
  

Это моя реализация getSelectedImage, я просто отправляю одно изображение, но вы можете отправлять несколько изображений, files — это объект, значением которого является изображение.

 getSelectedImage = (images) => {
    const image = images[0];

    const files = {
      [image.filename]: {
        uri: image.uri,
        name: image.filename,
      },
    };

    const mutation = new UploadUserProfileMutation({
      files,
    });

    this.props.relay.commitUpdate(mutation, callbacks);
  };
  

в вашей мутации добавьте метод getFiles :

 export default class UploadUserProfileMutation extends Relay.Mutation {
...
  getFiles() {
    return this.props.files;
  }
...
}
  

Вы должны завершить мутацию как обычную мутацию