台灣最大程式設計社群網站
線上人數
1778
 
會員總數:246038
討論主題:189625
歡迎您免費加入會員
討論區列表 >> 專欄文章 >> 利用Javascript判別圖檔的大小 , 超過則縮小
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
利用Javascript判別圖檔的大小 , 超過則縮小
價值 : 0 QP  點閱數:579 回應數:0
樓主

站務人員 站長
門外漢
0 1580
542 9
發送站內信

捐贈 VP 給 站務人員
這是我的方法
不知道對你有沒有用
<Script Language="JavaScript">
<!--
function Win()
{
x = logo.width;
y = logo.height;
if (y > 80){
document.logo.height = 80;
}
}
//-->
</Script>
<body onload="Win()">
<img border="0" src="logo.jpg" name="logo">
</body>

===========================================================
回應者: Fire nbamag@yahoo.com

<script language="JavaScript">
<!--
function ShowSize(img){
img1= new Image();
img1.src=(img);
document.write("<img src=\""+img+"\"");
if (img1.width > 500) {document.write(" width=350")};
document.write(" border=1>");
}
//-->
</script>
呼叫時就把路徑檔名傳給它:
<script LANGUAGE="JavaScript">ShowSize('somedir/someimg.gif')</script>

=======================================================
回應者: 小不點 kimo@yahoo.com.tw

1. image 有屬性 width , height 可以知道圖片的 大小

2. image 有 onload 和 onerror 的事件 (也有別的事件,但是小弟較常用的是這兩個)
onload:當圖片載入完成時觸發,不論圖片是否存在
onerror:當圖片載入有錯誤時觸發,(如圖片不存在)

3.以本例而言,小弟認為可以在 img 的 tag 中藏一個 onload 的事件,當 onload 的事件被觸發時,執行 changesize() 的 function 以更改圖片的 size:

以下是部份程式碼的寫法:
(1)藏 onload 的事件
replace(留言資料,"<img","<img onload=changeSize(this)")
(2)改圖片 size 的 function
function changeSize (objImg){
if (objImg.width > 350) {
objImg.width =350
}
}

本篇文章發表於2002-08-12 00:00
目前尚無任何回覆
   

回覆
如要回應,請先登入.