Javascript 从dataURI确定图像的维度

根据这篇文章，我允许用户从文件系统加载他们自己的图像文件（最后一部分-来自本地文件系统的图像）

我的代码

handleFiles: function (evt) {
        var file = evt.target.files[0];
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onloadend = function (e) {
            var contents = e.target.result;
            console.log(contents);

            //apply contents to src of img element
        };

    },

获取数据URI后，我想在屏幕上显示图像，但是有些图像比我显示它们的区域大。是否有一种方法可以检查给定数据URI（宽度和高度）的图像大小并相应调整大小

---

我将dataUri放在image标记的'src'属性中

您只需在内存中创建一个元素并从中读取值即可。假设“contents”是图像的dataURI

handleFiles: function (evt) {
    var file = evt.target.files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = function (e) {
        var contents = e.target.result;
        console.log(contents);

        var memoryImg = document.createElement('img');
        memoryImg.src = contents;
        var width = memoryImg.width;
        var height = memoryImg.height;
    };
},

---

解释器完成您的函数后，元素将被清除。

您只需在内存中创建一个元素并从中读取值即可。假设“contents”是图像的dataURI

handleFiles: function (evt) {
    var file = evt.target.files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = function (e) {
        var contents = e.target.result;
        console.log(contents);

        var memoryImg = document.createElement('img');
        memoryImg.src = contents;
        var width = memoryImg.width;
        var height = memoryImg.height;
    };
},

一旦解释器完成您的功能，元素就会被清除