獲取圖像寬度和高度並將它們寫入本地文件

我有一組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>

在此先感謝您的幫助。

來源

2014-01-10 ManUO

首先，'img'-tags是自閉的，他們不需要結尾的'-tag。其次，你爲什麼需要這個？這些屬性[不需要]（http://www.w3.org/wiki/HTML/Training/Image#Image_size）。 –

我需要在執行HTML文件的XML轉換之前包含此信息。 – ManUO

你可以在你正在做的這個頁面上顯示這些圖像嗎？如果是這樣，通過jQuery很容易。如果你不能顯示它們，我不確定它會如何知道正確的大小。 – kthornbloom

鑑於你有圖片加載正確，你可以試試這個。

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

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

});

check full fiddle

當圖片被裝載，就檢查與jquery的長度和寬度。然後將它們添加爲屬性。

希望這會有所幫助！

來源

2014-01-10 19:49:11

我不相信這解決了這個問題，如果我理解正確的話。引用上面的話來說：「ManUO需要的是一個簡單的shell腳本，在瀏覽器中顯示頁面時不需要做這些事情，他們需要用寬度和高度屬性重寫實際文件。」 – Nate

如果這是他需要的，那麼他的標籤可能是不正確的。 –

嗯，他推測他的意思是他想要DOM中的屬性，因爲標籤javascript：/ –

獲取圖像寬度和高度並將它們寫入本地文件

回答

相關問題