js程式碼：

 <div class="dp-pic">
    <label>店鋪門面照片（1張）</label>
     <input type="hidden" value="${businessDetail.storeImg }" name="storeImg" id="storeImg">

     <div class="dp-sczp">
        <input size="30" class="imgfile" type="file" name="imgFile" id="selectedLogoImgId"
 
 onchange="uploadImage(this)">
     </div>
     <div class="dp-img" id="logoImgDiv">
        <img src="${businessDetail.storeImg }" id="logoImgId" original='${businessDetail.storeImg }' onclick="showOriginal(this)"></div>
      </div>

   </div>


//圖片所放的位置，點選關閉，圖片回到原來的大小
    <div
 
 id="imgFrame">
        <div>
          <a href="javascript:close();" style="float: right;color: #FF0000;">關閉</a>
        </div>
      <div id="imgbox"></div>
    </div>




<script type="text/javascript"> 
  //圖片放大
        function showOriginal(img) {
            document.getElementById("imgFrame"
 
).style.display = "block";
            document.getElementById("imgbox").innerHTML = "<img src='" +   img.getAttribute("original") + "' width='680px' height='480px'/>";
        }
        function close() {
            document.getElementById("imgFrame").style.display = "none";
        }
 </script>