JavaScript 動態(tài)改變圖片大小
更新時間：2009年06月11日 03:03:11 作者：
本文作者通實際操作，發(fā)現(xiàn)可以用Javascript代碼簡單實現(xiàn)：對于圖片大于100 X 100，則將其縮小為 100 X 100，若比這個小，則保持原圖大小。
最近由于項目需要，在實現(xiàn)圖片的時候，若圖片大于100 X 100，則將其縮小為 100 X 100，若比這個小，則保持原圖大小。經(jīng)過研究發(fā)現(xiàn)，可以用Javascript代碼簡單實現(xiàn)。
Javascript代碼：
<script>
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; }
</script>
頁面代碼：
﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥
經(jīng)測試在IE6，F(xiàn)irefox，Google Chrome 均正常工作。
Javascript代碼：
復(fù)制代碼 代碼如下:
<script>
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; }
</script>
頁面代碼：
復(fù)制代碼 代碼如下:
﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥
經(jīng)測試在IE6，F(xiàn)irefox，Google Chrome 均正常工作。
您可能感興趣的文章:
相關(guān)文章
純js和css實現(xiàn)漸變色包括靜態(tài)漸變和動態(tài)漸變
用javascript實現(xiàn)一下所謂的動態(tài)漸變，考慮動態(tài)原因就不上圖了，我來簡單介紹下思路2014-05-05
上傳圖片對圖片進行一下預(yù)覽，可以了解圖片上傳后大概會是什么樣子，此功能用js實現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會自動顯示出來了。功能很簡單，卻很實用。2013-03-03
Javascript 獲取字符串字節(jié)數(shù)的多種方法
Javascript 字符串字節(jié)數(shù)獲取功能多種方法2009-06-06
javascript 子窗體父窗體相互傳值方法,一般都是用window.open函數(shù)，下面腳本之家給出具體的代碼。2010-05-05
這篇文章主要介紹了JavaScript取得鍵盤按下方向鍵是哪個的方法,涉及javascript針對鍵盤按鍵事件的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了bootstrap表單示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了javascript獲取當(dāng)前的時間戳的方法匯總的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了淺談webpack組織模塊的原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
style、 currentStyle、 runtimeStyle區(qū)別分析
style、 currentStyle、 runtimeStyle區(qū)別分析,需要的朋友可以參考下。2010-08-08
這篇文章主要介紹了原生JavaScript實現(xiàn)彈幕組件的示例代碼,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10