Как загрузить несколько изображений на s3 в реагировать на родной? - PullRequest
0 голосов
/ 20 февраля 2020

Я получил имя группы, ключ доступа, регион от моего коллеги.

Я хочу загрузить изображение в корзину s3.

Как я могу это сделать?

Спасибо!

Ответы [ 2 ]

0 голосов
/ 20 февраля 2020

Также следует проверить структуру Amplify от AWS (например, Storage.Put):

https://aws-amplify.github.io/docs/js/storage

0 голосов
/ 20 февраля 2020

Привет, GWANHUI KIM

Вы можете использовать пакет react-native-s3-upload для загрузки изображений в корзину s3.

   import { RNS3 } from 'react-native-s3-upload';

     constructor(props) {
    super(props)

    this.state = {
      amazonData: [],
      pictures:''
    }
  }
takePics = () => {

    ImagePicker.openPicker({
      multiple: true,
      maxFiles: 3
    }).then(response => {
      store.amazonData = [];
      let tempArray = []
      response.forEach((item) => {
        let image = {
          uri: item.path,
          width: item.width,
          height: item.height,
          name: item.filename,
          type: 'image/png'
        }
        const config = {
          bucket: 'goodvet',
          region: 'ap-northeast-2',
          accessKey: 'AKIAIJ4ZNXCKL6CIYIXQ',
          secretKey: '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',
          successActionStatus: 201
        }
        tempArray.push(image)

        RNS3.put(image, config)
          .then(responseFromS3 => {
            this.setState({ amazonData: [...this.state.amazonData, responseFromS3.body.postResponse.location] })

          })
      })
      this.setState({ pictures: tempArray })
      { this.hideIcons() }

    })
  }

takePicHandler() {
    return (
      <View>
          <SwiperFlatList
            showPagination={this.state.showsPagination}
            data={this.state.pictures}
            renderItem={({ item }) =>
              <View style={styles.uploadedImageView}>
                <Image
                  style={{ width: "100%", height: "100%" }}
                  source={item} />
      </View>
    )
  }

Я надеюсь, что это сработает для вас! :)

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...