<!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="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<link href="my.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="avtar.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户图像编辑</title>
</head>
<body>
<form id="uploadFrm" action="#" method="post" target="upload_iframe">
<div id="main">
<div id="wrap">
<img id="pic" src="./images/default.gif" border="0" />
<div id="shadow">
<img id="shadowImg" src ="./images/default.gif" />
</div>
<div id="uploadMsg">
正在上传文件，请稍候！
</div>
</div>
<div id="preDiv">
<img id="imgId" src="./images/default.gif" />
<p style="line-height:120px; font-size:12px; color:#B2B2B2;text-align:center;">头像预览</p>
</div>
<div id="selFileDiv">
<a href="#">选择文件</a>
<div style="position:relative">
<input name="picture" type="file" id="picture" onchange="javascript:uploadPic();" >
</div>
</div>
<div id="promptDiv"></div>
<div id="btnDiv">
<a href="javascript:void(null);" onclick="javascript:cropPic();" class="ok">确定</a>
<a href="javascript:void(null);" onclick="javascript:resetPic();" class="reset">重置</a>
</div>
<div style="clear:both"></div>
<div id="slideDiv">
<div id="zoomInDiv" >
<img id="in" src="./images/zoom-in.gif" onmousedown="javascript:zooming(-1);" onmouseup="javascript:mouseDown=false;"/>
</div>
<div style="float:left;position:relative;width:244px;padding-top:5px;*padding-top:0;" onclick="clickSlide(event);">
<img id="slideBg" src="./images/zoom-bg.gif" />
<img id="slideBlock" src="./images/zoom-btn.gif" style="cursor:pointer;"/>
</div>
<div id="zoomOutDiv">
<img id="out" src="./images/zoom-out.gif" onmousedown="javascript:zooming(1);" onmouseup="javascript:mouseDown=false;"/>
</div>
<div style="clear:both"></div>
</div>
<div id="promptDiv1"></div>
<div id="promptDiv2"></div>
</div>
<input type="hidden" name="picName" id="picName" />
<input type="hidden" name="width" id="width" />
<input type="hidden" name="height" id="height" />
<input type="hidden" name="left" id="left" />
<input type="hidden" name="top" id="top" />
<input type="hidden" name="rate" id="rate" />
</form>
<div style="display:none;">
<iframe name="upload_iframe"></iframe>
</div>
</body>
</html>
jsp+js在线编辑头像大小并成缩略图
4星 · 超过85%的资源 需积分: 11 28 浏览量
2011-11-29
14:54:16
上传
评论
收藏 16.03MB RAR 举报 
userAvtarEditor.rar （25个子文件） 
ImageMagick-6.7.2-9-Q16-windows-dll.exe 16.17MB
useravtar 
avtar.js 10KB savefile.jsp 4KB images 
zoom-bg.gif 306B ok.gif 98B reset.gif 98B
btn.png 5KB tishi2.png 4KB b.gif 612B
rmb.jpg 55KB a.gif 677B tishi1.png 4KB default.gif 49B zoom-btn.gif 358B btn1.gif 116B tishi.png 6KB zoom-in.gif 252B zoom-out.gif 255B index.htm 3KB my.css 3KB .project 213B crop.jsp 2KB upload WEB-INF lib 
commons-io-1.4.jar 106KB commons-fileupload-1.2.1.jar 56KB web.xml 1KB资源评论
sdw2222wyy2012-11-02不行啊，根本用不了- cxzstudio2014-03-31正是我想要的效果
a6247181012018-10-11还可以,就是感觉有点乱.
如是我闻2012
- 粉丝: 12
- 资源: 10
