Javascript 如何从express后端服务器获取图像并将其显示到本机前端？

搜索同一主题时，我发现了另一个问题： 注释中有这样一句话：“将blob转换为File var File=new File（res.data，{type:“image/jpeg”}）；var imageUrl=URL.createObjectURL（File）；然后使用这个imageUrl”。所以，我做了类似于他的代码，并得到了错误

fetchImages = () => {
 const imageName = 'Vinicius_0-1577392361334.jpg';
 api.get(`/image/${imageName}`)
  .then(res => {
    var file = new File(res.data, { type: 'image/jpg' });
    var imageURL = URL.createObjectURL(file);
    return (
      <Image source={imageURL} />
    )
  }).catch((err) => {
    console.log(err)        
  });}

。。。。。
{this.fetchImages（）}
.....

---

尝试将

imageURL

分配给状态变量

constructor(props) {
    super(props);
    this.state = {
        imageURL: ''
    }
}

fetchImages = () => {
    ...
        var imageURL = URL.createObjectURL(file);
        this.setState({ imageURL });
    ...
}


<View style={styles.viewBotao}>
     <Image source={this.state.imageURL} />
</View>

构造函数（道具）{
超级（道具）；
此.state={
imageURL:“”
}
}
fetchImages=（）=>{
...
var imageURL=URL.createObjectURL（文件）；
this.setState（{imageURL}）；
...
}

谢谢！但这会抛出错误

TypeError:parts.map不是function.createFromPart的函数。做了更多的研究，我发现问题可能是我无法转换成文件的blob响应。是的，我只是告诉你如何处理
imageURL
。您可以尝试使用下载文件。在我的情况下，我认为下载文件没有意义，因为客户端将有一个服务列表，每个服务都有一个映像。如果客户端打开每个服务，将下载服务器中的所有图像。
         .....
<View style={styles.viewBotao}>
     {this.fetchImages()}
         .....

constructor(props) {
    super(props);
    this.state = {
        imageURL: ''
    }
}

fetchImages = () => {
    ...
        var imageURL = URL.createObjectURL(file);
        this.setState({ imageURL });
    ...
}


<View style={styles.viewBotao}>
     <Image source={this.state.imageURL} />
</View>