单图上传预览(uploadpreview )

最新推荐文章于 2022-04-19 15:51:49 发布

weixin_33979745

最新推荐文章于 2022-04-19 15:51:49 发布

阅读量174

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/qhorse/p/5144178.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>支持图片上传预览的uploadPreview.js插件</title>
<script src="js/uploadPreview.js"></script>
</head>
<body>

<!-- 代码部分begin -->
<ul id="warp">
　　<li>
　　　　<input type="file" id="up_img_a" />
　　　　<img id="imgShow_a" width="100" height="100" />
　　</li>
　　<li>
　　　　<input type="file" id="up_img_b" />
　　　　<img id="imgShow_b" width="100" height="100" /> 
　　</li>
</ul>
<!-- 代码部分end -->
<script type="text/javascript">
　　function file_click(){
　　　　new uploadPreview({ UpBtn: "up_img_a", ImgShow: "imgShow_a"});
　　　　new uploadPreview({ UpBtn: "up_img_b", ImgShow: "imgShow_b"});    
　　}
　　window.onload = file_click;
</script>


</body>
</html>

　　下载地址：files.cnblogs.com/files/qhorse/支持图片上传预览的uploadPreview.js插件.rar