web端获取媒体的实际分辨率/实际宽高（非浏览器展示分辨率）要在web环境中获取图像的实际分辨率，可以在 JavaScr

要在web环境中获取图像的实际分辨率，可以在 JavaScript 中使用图像元素的 "naturalWidth "和 "naturalHeight "属性，使用服务器端处理或图像处理库提取元数据，或者在服务器响应标头或 API 响应中包含分辨率信息。

要在 Web 环境中获取图像的实际分辨率，您有以下几种选择：

使用 JavaScript naturalWidth和 naturalHeight 属性：
- 如果可以访问 DOM 中的图像元素，则可以使用 naturalWidth和 naturalHeight属性来获取图像的实际分辨率。
- 这些属性为您提供图像文件的固有尺寸，而不管它在浏览器中的显示方式如何。
- 下面是一个示例：

   const imgElement = document.getElementById('myImage');
   const actualWidth = imgElement.naturalWidth;
   const actualHeight = imgElement.naturalHeight;

注: 视频使用视频元素的 videoWidth和 videoHeight属性检索视频的实际分辨率。

使用服务器端处理或图像处理库：
- 如果您有权访问提供图像的服务器端代码，或者可以在服务器上执行图像处理，则可以提取图像的元数据以检索实际分辨率。
- 像exiftool或 Python 的Pillow这样的库允许您从图像文件中提取元数据，包括分辨率信息。
- 下面是一个使用 Python 和Pillow库的示例：

   from PIL import Image

   image = Image.open('path/to/image.jpg')
   actual_resolution = image.size

在服务器的响应中包含解析信息：
- 如果控制服务器端代码，则可以将实际解析信息作为响应标头或 API 响应的一部分包含在内。
- 提供图像时，可以设置自定义响应标头，提供可在客户端访问的实际分辨率值。
- 下面是 Node.js 中使用express框架的示例：

   const express = require('express');
   const app = express();

   app.get('/image', (req, res) => {
     const imagePath = 'path/to/image.jpg';
     const image = fs.readFileSync(imagePath);
     const actualResolution = getActualResolution(imagePath);

     res.set('Actual-Resolution', actualResolution);
     res.send(image);
   });

   app.listen(3000, () => {
     console.log('Server is running on port 3000');
   });

这些方法使您能够使用不同的方法在 Web 环境中获得图像的实际分辨率，具体取决于您的特定要求和可用资源。