uploadPreview 上传图片预览
2015-08-27 17:45
218 查看
1.引入js文件
<script src="<%=basePath%>/js/common/uploadPreview.js" type="text/javascript"></script>
2.
$(function(){
new uploadPreview({ UpBtn: "imgview", DivShow: "photodiv", ImgShow: "photoimg" });
});
3. jsp 中 html 代码
<span class="sczp" id="imgDiv">
<div id="photodiv" >
<img id="photoimg" width="100px" height="100px" />
</div>
</span>
<span class="sctp_yq" >
<span class="red">*</span>建议上传生活照片<br />
<span class="red">*</span>建议尺寸300*300像素<br />
<span class="red">*</span>格式为jpg或png<br />
<input type="file" name="upload" id="imgview" value="上传照片" style="margin-top:6px;" />
</span>
<script src="<%=basePath%>/js/common/uploadPreview.js" type="text/javascript"></script>
2.
$(function(){
new uploadPreview({ UpBtn: "imgview", DivShow: "photodiv", ImgShow: "photoimg" });
});
3. jsp 中 html 代码
<span class="sczp" id="imgDiv">
<div id="photodiv" >
<img id="photoimg" width="100px" height="100px" />
</div>
</span>
<span class="sctp_yq" >
<span class="red">*</span>建议上传生活照片<br />
<span class="red">*</span>建议尺寸300*300像素<br />
<span class="red">*</span>格式为jpg或png<br />
<input type="file" name="upload" id="imgview" value="上传照片" style="margin-top:6px;" />
</span>
相关文章推荐
- Ajax实现跨域请求
- Storm-0.9.0.1安装部署 指导
- 初识Git
- Java利用Http 模拟POST、GET请求
- LoadRunner性能测试--90%响应时间
- LeetCode-Maximal Square
- textarea 在光标处插入文字
- python 倒计时 9,8,7,。。。。。。0
- system.out.println触发联想
- c++虚函数
- PHP高效文件缓存类FCache
- LoadRunner性能测试--%Disk Time 计数器值超过100%
- C# in depth (第九章 Lambda表达式和表达式树)
- 【转】纯 CSS 实现高度与宽度成比例的效果
- js延迟函数
- Oracle权限管理
- C语言之指针与函数
- 基于Flume的美团日志收集系统(一)架构和设计
- 【2015/8/27】当我们在说平台的时候,我们究竟在说什么。
- 传一些小工具上来