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代碼：
復制代碼 代碼如下:
<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 均正常工作。
您可能感興趣的文章:
相關文章
這篇文章主要給大家介紹了關于uni-app使用組件的詳細步驟,文中還介紹了自定義組件的使用方法,本文通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)滾動條事件的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
ES6 javascript中class靜態(tài)方法、屬性與實例屬性用法示例
這篇文章主要介紹了ES6 javascript中class靜態(tài)方法、屬性與實例屬性用法,結合實例形式分析了ES6中類的靜態(tài)方法、靜態(tài)屬性概念、功能、使用方法與相關注意事項,需要的朋友可以參考下2017-10-10
hash 屬性是一個可讀可寫的字符串，該字符串是 URL 的錨部分（從 # 號開始的部分）。接下來通過本文給大家介紹location.hash保存頁面狀態(tài)的相關內(nèi)容，感興趣的朋友一起學習吧2016-04-04
JS實現(xiàn)iframe自適應高度的方法(兼容IE與FireFox)
這篇文章主要介紹了JS實現(xiàn)iframe自適應高度的方法,涉及javascript與iframe交互動態(tài)操作頁面元素屬性的相關技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js跨域原理以及解決方案，跨域問題是由于javascript語言安全限制中的同源策略造成的，想要進一步了解跨域的朋友可以參考本文進行學習2015-12-12
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)頁面浮動導航，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細介紹了bootstrapValidator.min.js表單驗證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了js獲取checkbox值的方法,涉及js針對節(jié)點的操作技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了用javascript刪除當前行,添加行的示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11