Question

当用户选择要使用<input type = "file">上传的文件

时，我想查看图片的尺寸

到目前为止，我已完成此代码：

HTML

<input type="file" accept=".png,.jpeg,.jpg"  ng-files="getTheFiles($files)" ng-model='company.logo'>

AngularJS

  var reader = new FileReader();
  reader.readAsDataURL($files[0]);      
  reader.onload = function(e) {         
      $scope.imgpath = new Image();
      $scope.imgpath = e.target.result;
      console.log($scope.imgpath.width, $scope.imgpath.height);  
  }

在控制台中，所选图像的高度和宽度显示为0,0。

我已经从这个question中提到了答案（这是不被接受但被投票5次）。

感谢您的帮助。

Answer 1

好的，我尝试了这段代码并且有效：

                var fileReader = new FileReader();
                $scope.imgpath = new Image();
                fileReader.onload = function (event) {
                    $scope.imgpath.src = event.target.result;
                    $scope.imgpath.onload = function(){
                        console.log(this.width, this.height);
                    };
                };

来源：This code from CodePen

如何在AngularJS中获取图像尺寸？

1 个答案: