Javascript 一旦开始下载,如何使用JS获取图像元数据?

Javascript 一旦开始下载,如何使用JS获取图像元数据?,javascript,image,events,Javascript,Image,Events,一旦开始下载,我需要获得图像的高度和宽度。据我所知,图像的前几个字节包含其元数据,因此浏览器知道如何正确绘制图像的“框架”(即适当的尺寸) 当图像开始下载时,是否有一些事件可能会通知我,并允许我“提取”高度和宽度?比方说,“加载”事件的某个对应项 我尝试了MutationObserver,但它没有产生任何结果,似乎与此问题无关。无法将Javascript附加到浏览器处理图像生成的事件。我希望自己也能拥有这个功能。如果您需要在图像完成下载之前获取图像的高度和宽度,则必须自己完成 有关如何开始,请参

一旦开始下载,我需要获得图像的高度和宽度。据我所知,图像的前几个字节包含其元数据,因此浏览器知道如何正确绘制图像的“框架”(即适当的尺寸)

当图像开始下载时,是否有一些事件可能会通知我,并允许我“提取”高度和宽度?比方说,“加载”事件的某个对应项


我尝试了MutationObserver,但它没有产生任何结果,似乎与此问题无关。

无法将Javascript附加到浏览器处理图像生成的事件。我希望自己也能拥有这个功能。如果您需要在图像完成下载之前获取图像的高度和宽度,则必须自己完成

有关如何开始,请参见和,但请注意,这只适用于现代浏览器


我不确定您的用例是什么,但是如果您想要早期元数据,您可以获取每个图像,检查元数据,然后将图像作为blob URL传输到页面上

你是如何获得这张照片的?你提到下载?你这是什么意思-你是在某处进行api调用,还是为了获得imageNo,没什么特别的。我只有一个img标记,一旦加载DOM内容,浏览器就会开始下载它。