如何使用javascript查看图像文件的维度

Question

我正在尝试从本地“img”文件夹中分配存储图像高度和宽度的变量。我尝试了一些

的方法

myWidth = (("img/myImage.png").naturalWidth);

但据我所知，只有在图片已存在于页面某处时才有效。有没有办法通过让Javascript在文件夹中查看文件的属性来做到这一点？

编辑：我没有做任何太技术性的事情。我只有600个左右的小图像需要在与图像具有相同像素宽度和高度的单独div中，并且每个图像都不同。我正在尝试编写一个脚本来为我的css生成所有代码，而无需手动输入所有代码。

Answer 1

您可以使用Image元素来获取尺寸。我以前创建了一个工具，通过JavaScript获取图像尺寸的SO问题。你可以在这里看到它：https://codepen.io/NikxDa/pen/apegZa

必要部分：

var img = new Image ();

// Handle onload (will contain data after file has loaded)
img.onload = function () {
    alert ("The dimensions are: " + this.width + "x" + this.height);
};

// Load the file by fileUrl
img.src = <fileUrl>;

希望它有所帮助。