基本信息
源码名称：Jquery 上传图片前预览 实例源码
源码大小：7.18KB
文件格式：.zip
开发语言：js
更新时间：2015-08-11
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍

这是一个jQuery插件。用于把图片上传到服务器之前能够在本地预览图片。兼容IE6 、FF、Chrome浏览器。 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>图片上传前预览,支持IE6 ,FF,Chrome浏览器</title>
<style  type="text/css" >
*{margin:0;padding:0; border: 0 none;}
body{font-family:微软雅黑;background: url("/ui/holder.gif") repeat-y scroll center top #f9f9f9;border: 0 none;text-align:center;}


#container{width:300px;height:400px;border:1px solid #ccc;margin:10px auto;}
#input-img{width:300px;}
</style>
<script src="http://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="uploadPreview.js"></script>

</head>
<body>
<div id="wrapper">
<h1>uploadPreview.js</h1>
<div id="container"></div>

<div>
	<input type="file" class="imgFile" />
</div>
</div>
<script type="text/javascript" language="javascript">
	$('.imgFile').uploadPreview({container:'#container'});
</script>
</body>
</html>