//顯示選擇的圖片縮略圖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>

　　

轉載于:https://www.cnblogs.com/yelongsan/p/6382702.html

總結

以上是生活随笔為你收集整理的js 图片预览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。