Javascript 如何在获取图像之前调整图像大小？

假设我有一个以uri作为其源的图像组件：

return (
    <TouchableOpacity onPress={() => {} } 
         <Image source={{uri: "https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y"}} />       
    </TouchableOpacity>
);

返回(
{} } 
);

如果这个uri恰好属于一个非常大的图像，我可以控制图像的大小并在获取它之前显式地设置它的高度和宽度吗？或者这不能从客户端发生

---

谢谢

如果您从API获取图像，有时您可以在请求中指定所需的图像大小

例如，因为在您的问题中，您是从Gravatar API获取的：

---

使用API时，请查看开发人员文档中的此类功能，以便了解您正在使用的功能。

如果您从API获取图像，有时可以在请求中指定所需的图像大小

例如，因为在您的问题中，您是从Gravatar API获取的：

---

当您使用API时，请查看开发人员文档中的此类功能，以便了解您使用的是什么。

我不知道如何在不发出网络请求的情况下确定映像的大小。gravatar是否响应HEAD请求？如果响应，返回什么？@OluwafemiSule对此不确定，但gvatar只是一个例子。我想知道我的请求是否由react native提供（不管我调用的是什么uri），除非您控制api并根据url参数或其他什么返回一个调整大小的图像，否则设置图像的大小不会更改请求的大小。是的，你可以调整它的大小，但这将只是一个视觉调整，因为它将调整大小与css或排序。我不知道你如何才能确定图像的大小，而无需作出网络请求。gravatar是否响应HEAD请求？如果响应，返回什么？@OluwafemiSule对此不确定，但gvatar只是一个例子。我想知道我的请求是否由react native提供（不管我调用的是什么uri），除非您控制api并根据url参数或其他什么返回一个调整大小的图像，否则设置图像的大小不会更改请求的大小。是的，你可以调整它的大小，但这将只是一个视觉调整，因为它将调整大小与css或排序。

https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y&s=200