<html>
<title>文件上传</title>
<head>
<link rel="stylesheet" href="uploadPreview.css">
<script src="uploadPreview.js"></script>
<script>
window.onload=function(){
new uploadPreview({
UpBtn : "up_img_zs",
DivShow : "imgdiv_zh",
ImgShow : "imgShow_zs"
});
new uploadPreview({
UpBtn : "up_img_cp",
DivShow : "imgdiv_cp",
ImgShow : "imgShow_cp"
});
}
</script>
</head>
<body>
<tr>
<td colspan="2">
<div class="form-group">
<label class="col-lg-3 control-label">证书图片：</label>
<div class="col-lg-9">
<div id="imgdiv_zh" class="idiv">
<img src="none.png" id="imgShow_zs" />
</div>
<div class="file-box">
<input type='button' class='btn btn-success' value='浏览' id="" />
<input type="file" name="zsPicter" class="file" id="up_img_zs" size="28" />
</div>
<div class="clearfix"></div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="form-group">
<label class="col-lg-3 control-label">产品图片：</label>
<div class="col-lg-9">
<div id="imgdiv_cp" class="idiv">
<img src="none.png" id="imgShow_cp" />
</div>
<div class="file-box">
<input type='button' class='btn btn-success' value='浏览' id="" />
<input type="file" name="cpPicter" class="file" id="up_img_cp" size="28" />
</div>
<div class="clearfix"></div>
</div>
</div>
</td>
</tr>
</body>
</html>
本地图片上传回显
5星 · 超过95%的资源 需积分: 39 10 浏览量
2016-08-22
17:37:00
上传
评论 1
收藏 6KB ZIP 举报 
uploadImage.zip （4个子文件） 
uploadImage 
uploadPreview.js 5KB
none.png 3KB
图片上传.html 2KB uploadPreview.css 541B资源评论
seven211212017-12-13忘了，在下一次、
redhorse_plus2017-03-06试了一下，可以实现，没有问题
赵乾超2017-04-02非常好 就是我要的功能
