JSP/HTML 上傳圖片後立即在頁面顯現該圖片

標籤：jsp/html

uploadPreview.js
支援IE7-IE10 Google Firefox 等瀏覽器
基於JQUERY擴充,需要引用JQUERY庫。
使用方法:  

XML/HTML code?

123	<div>        <img id="ImgPr" width="120" height="120" /></div>    <input type="file" id="up" />

     把需要進行預覽的IMG標籤外 套一個DIV 然後給上傳控制項ID給予uploadPreview事件
     

XML/HTML code?

1	$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});

本文出自 “Exist” 部落格，請務必保留此出處http://exist.blog.51cto.com/10305882/1959809

JSP/HTML 上傳圖片後立即在頁面顯現該圖片