react-native - Base64 图像不显示 react native

Question

我有一个 react native 项目。

当我想要放置用户个人资料图像时，我会发送这样的 API 请求

userImageGet(imdl_id) {
API.postValue('/api/UserImage/?imdl_id='+imdl_id,null)      
    .then((r) => {
      console.log(r.data); // 
      this.setState({userImagebs64:r.data}); // here's user base64 string
    })
}

像这样(我粉碎了图像以获取特殊信息，但它可以在网络浏览器上工作)它太长了

data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy

我有一个像这样的userRenderImage函数

userRenderImage() {
    let userImage = null;
    if (this.state.userImagebs64) {
      // here I got base64 format
      userImage = (
        <Image
           style={styles.userImage}
          source={{ uri: this.state.userImagebs64}}
        />
      );
    }
    return userImage;
}

图像风格

userImage: {
    width: 100,
    height: 100,
    borderRadius: Platform.OS === 'ios' ? 40 : 50,
    padding: 5
}

这是渲染方法，但我没有看到任何内容，欢迎提出任何建议

Answer 1

对我来说很有魅力

<Image style={styles.imgstyle} source={{uri: "data:image/png;base64,"+this.state.upic}} />