图片预览

 

 

<div class="img-list"> <div class="img"><img id="img1" src="${imgServer}/images/usercenter/upload_no.gif" mce_src="${imgServer}/images/usercenter/upload_no.gif" onload="javascript:ShowImage(this,90,90);" /></div> <div class="btn"> <div class="float-left"><a href="javascript:;" mce_href="javascript:;"><input name="imgFile1" id="pic1" onChange="initImage('pic1','img1')" type="file"></a></div> 

<mce:script type="text/javascript"><!-- function initImage(fileId,imgId){ var initFile = document.getElementById(fileId); var initImg = document.getElementById(imgId); if(!initFile.value.match(/.jpg|.gif/i)){alert('图片格式必须是:jpg, gif ');return;} if(initFile.files) { initImg.src = initFile.files[0].getAsDataURL(); }else if(initFile.value.indexOf('//') > -1 || initFile.value.indexOf('//') > -1){ initImg.src = initFile.value; } initImg.style.cssText= "display:block"; } // --></mce:script>