javascript - react-native 加载图像时如何获取响应标头？

Question

相同的url会返回不同的图像（随机），我需要获取响应的标题（每次也会不同），所以我不能获取两次。

我尝试使用blob，但收到一条警告说'blob' is undefined，代码如下：

let response = await fetch(URLs.host + URLs.imageCode);
let key = response.headers.get('key');
console.log(response.blob); // this will print 'undefined'
let blob = await response.blob();
this.setState({source: URL.createObjectURL(blob)});

...

<Image source={{uri: this.state.source}} />

那么如何在加载图像时获取标题？

Answer 1

您不能使用 fetch 在 React-Native 中获取 blob，因为fetch 是一个本地 http 调用，它将 blob 存储在本机级别，并且不提供对 javaScript blob 对象的实际内存的引用res.blob()

在有人为此编写桥接器之前的最佳选择是使用 base64 编码的图像，这只是一个字符串，因此您可以使用res.text()

Answer 2

好吧，我发现现在在 react-native 中使用加载图像时无法获取上下文{{uri: xxx}}，所以我的解决方案是与服务器开发人员交谈，让他们以其他方式设计 API。