看到了很多關於如何讀出圖片的長度的高度的方法,其實都不實用,大多都是通過圖片的大小來判斷的,圖片的種類眾多,通過大小來判斷難免要制造很多的代碼,加重運行負擔,我想了一個比較簡單的方法,大家看看是否可行,不過我沒有調試,就粗略的說以下,大家自己試試看咯。
提交的form這麼寫,我就簡單一點了
<form ....name=theform>
<img id='thepic' src=''>
<input type=hidden name=picwidth>
<input type=hidden name=picheight>
<input type=file name=picfile onchange="document.all.thepic.src=document.theform.picfile.value;document.theform.picwidth=document.all.thepic.width;document.theform.picheight=document.all.thepic.height">
</form>
其實原理很簡單,如果沒有給img指定大小,那麼顯示的圖片就是它本身的尺寸了,這樣,圖片的長和寬就分別放置在picwidth和picheight元素中了.
就這樣了,不過IE6好象能夠將大於浏覽器尺寸的圖片自動縮小,呵呵,不過類似的辦法總是有的,我沒有實驗,大家有時間實驗一下了。