<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>添加商品分类</title>
<script type="text/javascript" src="<%=basePath%>js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<%=basePath %>js/jquery.form.js"></script>
<script type="text/javascript" src="<%=basePath %>js/uploadPreview.js"></script>
</head>
<table>
<tr>
<th>
图片路径:
</th>
<td>
<input type="file" />
</td>
</tr>
</table>
<script type="text/javascript" >
$(document).ready(function(){
$("#TImgSrc").uploadPreview({ Img: "uploadImage", Width: 280, Height: 280, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});
});
</script>
效果：上传一个图片实时显示
使用js文件：uploadPreview.js下载路径：https://files.cnblogs.com/files/flywang/uploadPreview.js