最近由于項(xiàng)目需要，在實(shí)現(xiàn)圖片的時(shí)候，若圖片大于100 X 100，則將其縮小為 100 X 100，若比這個(gè)小，則保持原圖大小。經(jīng)過(guò)研究發(fā)現(xiàn)，可以用Javascript代碼簡(jiǎn)單實(shí)現(xiàn)。
Javascript代碼：

復(fù)制代碼代碼如下:

<script> 
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } 
</script> 

頁(yè)面代碼：

復(fù)制代碼代碼如下:

﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥ 

經(jīng)測(cè)試在IE6，F(xiàn)irefox，Google Chrome 均正常工作。

您可能感興趣的文章:

相關(guān)文章

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