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

Question

我有一组HTML文件，这些文件的图像没有设置width和height属性。

在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

如果您已正确加载图片，则可以尝试使用此功能。

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

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

});

检查完整的小提琴

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

希望这可以帮助！