Question

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

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

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

基本上我需要的是获取<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');

});

check full fiddle

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

希望这有帮助！

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

1 个答案: