Jquery在预览

Question

我正在尝试在使用Jquery预览之前调整图像大小。 虽然我能够预览图像并且或多或少知道如何调整图像（暂时无法实现，但是阅读了SO），但我很难获得图像的宽度和高度。 这是我现在的代码：

<img src="" alt="image" class="image">
<form method="post" action="" enctype="multipart/form-data" class="form">
    <input type="file" class="file">
    <input type="submit" class="submit" value="Submit">
</form>

这是我的Jquery：

function preView(input) {
      var reader = new FileReader();

      reader.onload = function (e) {
         $('.image').attr('src', e.target.result);
         }
     reader.readAsDataURL(input.files[0]);
}

$('.file').change(function () {
    preView(this);
});

我的问题是：如何获取预览图像的大小？

我试过这个：

var image = new Image();
image.src = e.result;
var width = image.width;

但这不起作用（图像功能不会显示在我的可用功能中）。

我知道如何检查大小和文件类型，但我无法获得宽度和高度。 有没有人有任何想法我怎么能得到它们？