file 获取图片高和宽

在JavaScript中，如果你有一个文件流(`File`)代表的图像，想要获取其尺寸（即高度和宽度），你需要先将它转换成Image对象，然后通过监听`load`事件来获取。这里是一个简单的示例：

const fileInput = document.querySelector('input[type=file]'); // 文件输入元素

fileInput.addEventListener('change', function(e) {
  const files = e.target.files;
  if (files.length > 0) {
    const file = files[0];
    
    const reader = new FileReader();
    reader.onload = function(event) {
      const img = new Image(); // 创建新的Image对象
      img.src = event.target.result; // 设置图片源，从读取器的响应中得到
      
      img.onload = function() {
        console.log('Image dimensions:', img.width, 'x', img.height); // 图片加载完成后打印尺寸
      };
    };
    
    reader.readAsDataURL(file); // 读取文件并转为Data URL
  }
});

在这个例子中，当用户选择一个文件后，`FileReader`会读取文件内容并将之转化为一个Data URL。一旦Image对象的`src`属性有了数据，它就会自动下载并解析图片，触发`onload`事件，此时你可以获取到图片的实际尺寸。