上傳圖片對圖片進行預覽,可以了解圖片上傳後大概會是什麼樣子,此功能用js實現,然後在fileupload控制項的change事件中調用,這樣當用fileupload選擇完圖片以後,圖片就會自動顯示出來了。功能很簡單,卻很實用。 js實作上傳圖片之上傳前預覽圖片_javascript技巧的js程式碼: 複製程式碼複製程式碼 程式碼如下🎜> <BR>function setImagePreview(docObj,localImagId,imgObjPreview) <BR>{ <BR>if(docObjfiles & & docObfiles[5] >//火狐下,直接設img屬性<BR>imgObjPreviewstyledisplay = 'block'; <BR>imgObjPreviewstylewidth = '300px'; <BR>imgObjPreviewstyleheight = '200px'; <BR>imgObjPreviewstyleheight = '200px'/1🎜 getAsDataURL()方式取得,需要一下方式<BR>imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[0]); <BR>} <BR>else <BR>{ <BR>//IE下,使用濾鏡); <BR>var imgSrc = documentselectioncreateRange()text; <BR>//必須設定初始大小<BR>localImagIdstylewidth = "300px"; <BR>localImagIdstyleheight = "200px"/1防止使用者修改後綴來偽造圖片<BR>try <BR>{ <BR>localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)"; <BR>localImagIdfiltersitem("ImageTransformer); >catch(e) <BR>{ <BR>alert("您上傳的圖片格式不正確,請重新選擇!"); <BR>return false; <BR>} <BR>imgObjPreviewstyledisplay = 'none'; <BR>documentselectionempty(); <BR>} <BR>return true; <BR>} <BR> fileupload圖的控制項及用來預覽圖的image: fileupload圖的控制項及用來預覽圖的image: fileupload圖片的控制項與用來預覽圖的image: fileupload圖的控制項及用來預覽圖的image: fileupload圖的控制項與用來預覽圖的🎜> 複製程式碼 程式碼如下: 功能很簡單,程式碼也很容易懂,相信不用我多廢話大家也能看懂吧。感覺寫這樣的文章,真的沒啥好說的,不多說,還是把重點放在程式碼上吧。