Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从React Native中的blob获取图像维度_Javascript_React Native_Blob - Fatal编程技术网

Javascript 从React Native中的blob获取图像维度

Javascript 从React Native中的blob获取图像维度,javascript,react-native,blob,Javascript,React Native,Blob,让我们假设我正在调用一个API,它提供具有随机维度的图像。 在渲染之前,我需要知道每个图像的宽度和高度,因为我需要为我想要的精确布局做一些计算 有了Web API,我就做到了这一点,而且效果很好: const res=wait fetch(“https://picsum.photos/200/300"); const blob=wait res.blob(); const img=新图像(); img.src=URL.createObjectURL(blob); console.log(img.

让我们假设我正在调用一个API,它提供具有随机维度的图像。 在渲染之前,我需要知道每个图像的宽度和高度,因为我需要为我想要的精确布局做一些计算

有了Web API,我就做到了这一点,而且效果很好:

const res=wait fetch(“https://picsum.photos/200/300");
const blob=wait res.blob();
const img=新图像();
img.src=URL.createObjectURL(blob);
console.log(img.src);
img.onload=()=>{
控制台日志(img.宽度,img.高度);
};
问题是,当React处于活动状态时,我们无法访问webapi对象。 是React Native上的组件


我现在的处境是:

const res=wait fetch(“https://picsum.photos/200/300");
const blob=wait res.blob();

因此,基本上二进制数据现在存储在RAM中,但我找不到任何方法将这些数据解释为图像并获取尺寸。

React Native image component具有内置的getSize方法。如果可以将blob转换为URI,那么就可以使用下面的代码

Image.getSize(myUri,(宽度,高度)=>{console.log(宽度,高度)})