js 圖片預覽

//顯示選擇的圖片縮略圖function showImage(inputId,imageConfirmId,imageConfi){var image=document.getElementById(inputId).value.toLowerCase();if(!image){return;}var fileExtend=image.substr(image.lastIndexOf(".", image.length)+1);if(!(fileExtend=="jpg"||fileExtend=="png"||fileExtend=="gif"||fileExtend=="bmp"||fileExtend=="jpeg")){Dialog.tip("請選擇以下圖片格式的文件：jpg，gif，png，bmp，jpeg！");document.getElementById(inputId).value="";return;}//檢查文件大小var fileSize = document.getElementById(inputId).files[0].size;if(fileSize > 4194304){Dialog.tip("您選擇的文件大于4M,請重新選擇！");document.getElementById(inputId).value="";return;}//顯示縮略圖var objUrl = getObjectURL(document.getElementById(inputId).files[0]) ;if(!objUrl){document.getElementById(imageConfirmId).src="";document.getElementById(imageConfi).src="";document.getElementById(imageConfirmId).style.display="none";document.getElementById(imageConfi).style.display="none";}else{document.getElementById(imageConfi).src=objUrl;document.getElementById(imageConfi).style.display="";document.getElementById(imageConfirmId).src=objUrl;document.getElementById(imageConfirmId).style.display="";}
}//獲取選擇圖片的本地路徑
function getObjectURL(file) {if(!file){return null;}var url = null ; if (window.createObjectURL!=undefined) { // basicurl = window.createObjectURL(file) ;} else if (window.URL!=undefined) { // mozilla(firefox)url = window.URL.createObjectURL(file) ;} else if (window.webkitURL!=undefined) { // webkit or chromeurl = window.webkitURL.createObjectURL(file) ;}return url ;
}

?

<table><tbody><tr><td>行駛證影像：</td><td style="text-align:left;height:30px;border-bottom:1px solid #d3d3d3;" id="wxDriversLicenseImgTd"><img id="imgDriver" src="" style="display:none;margin-left:5px;width:50px"/></td></tr><tr><td style="text-align:left;"><input style="max-width:160px" data-role="none" data-mini="true" type="file" name="wxDriversLicenseImage" id="wxDriversLicenseImage" οnchange="showImage('wxDriversLicenseImage','imgDriversLicense2','imgDriver');"></td> </tr></tbody></table>