Javascript 为什么这段代码没有给出要上传的图像的正确尺寸

我有一张图片上传表。当用户选择一个文件时，我需要在上传之前在客户端用js/jquery获取图像的宽度和高度

我使用这段代码来监视用户何时选择要从本地计算机上载的图像

$('#upload').change(function(){
   if($(this).val() != null){
      getImgSize(this);         
   }
});

它调用了这个函数，但它警告宽度和高度为0

function getImgSize(imgSrc){
  var newImg = new Image();
  newImg.src = imgSrc;
  var height = newImg.height;
  var width = newImg.width;
  alert ('The image size is '+width+'*'+height);
}

这是html标记

<input name="upload" id="upload" type="file">

---

有一条规则，客户端javascript代码不能到达客户端文件系统。因此，无法从输入获取所选文件的完整路径。它只会返回文件名，这对于您的计划来说是不够的。

有一条规则，客户端javascript代码不能访问客户端文件系统。因此，无法从输入获取所选文件的完整路径。它只会返回文件名，这不足以让您的计划正常工作。

使用新文件可能是可行的，但我不确定这是否会返回您需要的信息。目前大多数浏览器也不太支持它。简言之，在文件到达您的服务器供您阅读之前，您无法执行此操作。

使用新文件可能是可行的，但我不确定这是否会返回您需要的信息。目前大多数浏览器也不太支持它。简言之，在文件到达服务器供您读取之前，您无法执行此操作。

您不可能尝试。 它就像@inti说你不能用客户端脚本语言访问客户端数据信息。 文件API也遵循此规则，因为安全原因很重要

一个可能的选择是使用服务器端脚本&ajax。使用PHP和JQuery

例如，您可以使用此上载程序：

还有一个像这样的小PHP脚本：

<?

    // use getimagesize to get image information
    list($width, $height, $type, $attr) = getimagesize($_FILES['YOURFILE']);
    json_encode(
        array('width' => $width),
        array('height' => $height)
    );
?>

---

你不可能尝试。 它就像@inti说你不能用客户端脚本语言访问客户端数据信息。 文件API也遵循此规则，因为安全原因很重要

一个可能的选择是使用服务器端脚本&ajax。使用PHP和JQuery

例如，您可以使用此上载程序：

还有一个像这样的小PHP脚本：

<?

    // use getimagesize to get image information
    list($width, $height, $type, $attr) = getimagesize($_FILES['YOURFILE']);
    json_encode(
        array('width' => $width),
        array('height' => $height)
    );
?>