在React中上傳圖片時如何獲取圖片的高度和寬度？

Question

上傳圖片時有什么方法可以獲取圖片的高度和寬度...

我正在嘗試下面的代碼，但總是得到0 0 ：

const uploadedImage = e.target.files[0];
var image = new Image();

image.src = uploadedImage;

console.log(image.naturalWidth,image.naturalHeight);

我該如何解決這個問題？

Answer 1

var _URL = window.URL || window.webkitURL;
$("#file").change(function (e) {
    var file, img;
    if ((file = this.files[0])) {
        img = new Image();
        var objectUrl = _URL.createObjectURL(file);
        img.onload = function () {
            alert(this.width + " " + this.height);
            _URL.revokeObjectURL(objectUrl);
        };
        img.src = objectUrl;
    }
});

您可以在此處找到詳細信息