如何通过api获取rct-image-store的Image URL上传图片

Question

如何从 rct-image-store 获取图片 url？我使用 ImageEditingManager 裁剪图像，它返回给我 rct-image-store://0。现在我需要将此图像上传到服务器。如何获取图片的 URL 以便上传？

这是我使用的代码

  ImageEditingManager.cropImage(
        photoURI,
        transformData,
        (croppedImageURI) => {
          console.log('crop success', croppedImageURI);
        },
        (cropError) => console.log('cropMyError', cropError)
      );
    },
    (error) => undefined,
  );

croppedImageURI 记录为

rct-image-store://0

如何获取此图片的 url，以便将其上传到 api 服务器？

Answer 1

var testDemo = React.createClass({
    getInitialState() {
            return {
                imageURISource: {
                    uri: 'http://facebook.github.io/react/img/logo_og.png'
                }
            }
        },

        render: function() {
            return (
                <View style={styles.container}>
                <Image
                    style={{height:250,width:300, borderColor: '#f099f0',borderRadius:3}}
                    source= {this.state.imageURISource}
                    />

                ImageEditingManager.cropImage(
                        photoURI,
                        transformData,
                        (croppedImageURI) => {
                                console.log('crop success', croppedImageURI);
              
                                //get croppedImageURI and set, it will update Image
                                this.setState({imageURISource: {uri:croppedImageURI}})
                                
                        },
                        (cropError) => console.log('cropMyError', cropError)
                );
                    
            </View>
            );
        },

});