Question

我有一个表单，我在jQuery函数中上传图像;

$('body').on('change', '#file', function () {

使用this.files[0]我将获取图像名称和大小。为此，我正在使用。 this.files[0].size和this.files[0].name。但现在我想获得图像的高度和宽度。我怎么能这样做？

Answer 1

我自己有解决方案，如下，

var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
 function imageIsLoaded(e) {
         var image = new Image();
         image.src = e.target.result;
         image.onload = function() {
              // access image size here 
              alert(this.width);
              alert(this.height);
         };
 };

因为jquery不知道确切的文件类型，所以在Image类型验证之后我们可以将任何图像文件转换为jQuery可读图像，因此jQuery可以将其作为图像处理。因此，为了将文件转换为图像，我们需要读者。

如何在jquery中获取图像高度宽度

1 个答案: