Javascript 从React Native中的blob获取图像维度
让我们假设我正在调用一个API,它提供具有随机维度的图像。 在渲染之前,我需要知道每个图像的宽度和高度,因为我需要为我想要的精确布局做一些计算 有了Web API,我就做到了这一点,而且效果很好: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.
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(宽度,高度)})代码>