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

Question

我有一张图片的上传表单。当用户选择一个文件时，我需要在上传之前在客户端用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">

Answer 1

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