上傳圖片對圖片進行預覽，可以了解圖片上傳後大概會是什麼樣子，此功能用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圖的控制項與用來預覽圖的🎜> 複製程式碼 程式碼如下: 功能很簡單，程式碼也很容易懂，相信不用我多廢話大家也能看懂吧。感覺寫這樣的文章，真的沒啥好說的，不多說，還是把重點放在程式碼上吧。
