获取图像的宽度和高度，并将其写入本地文件

Question

我有一组HTML文件，其中的图像没有设置宽度和高度属性。

在HTML文件中，我有如下内容：<img src="image1.png" alt="image one"></img>

我想知道是否有一种方法可以自动获取图像的高度和宽度，并使用源文档中的图像名称作为插入这两个属性的条件，将图像的宽度和高度写入本地HTML文件。

基本上，我需要的是获得<img />标记，并插入引用图像的实际宽度和高度值。所有图像都保存在与源HTML文件相同的本地目录中。所以我的期末考试应该是这样的：<img src="image1.png" height="100px" width="230px" alt="image one"></img>

提前感谢您的帮助。

Answer 1

假设你已经正确加载了图片，你可以使用try this。

$(document).ready(function(){
   var imgHeight = $('img').height();
    var imgWidth = $('img').width();

    $('img').attr('height',imgHeight+'px').attr('width',imgWidth+'px');

});

check full fiddle

加载图片后，使用jquery检查图片的长度和宽度。然后将它们添加为属性。

希望这能有所帮助！