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

Question

I have a set of HTML files with images that do not have width and height attributes set.

In the HTML file I have something like: <img src="image1.png" alt="image one"></img>

I would like to know if there is a way to automatically get image height and width and write to the local HTML files the image width and height using the image name in the source document as the condition for inserting the two attributes.

Basically what I need is to get the <img /> tag and insert the actual width and height values of the referenced image. All the images are saved in the same local directory as the source HTML files. So my final should look like: <img src="image1.png" height="100px" width="230px" alt="image one"></img>

Thanks in advance for your help.

Answer 1

Given that you have the picture is loaded correctly you can use 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

When the picture is loaded, you check the length and width with jquery. Then you add them as attributes.

Hope this helps!