HTML5手机移动端上传头像裁剪图片代码

一款基于jQuery+HTML5制作的手机移动端上传头像图片并可以裁剪生成图片的网页图片上传特效代码。

部分JS代码

<scriptsrc="js/jquery.min.js"type="text/javascript"></script>
<script>window.jQuery||document.write('<scriptsrc="js/jquery-2.1.1.min.js"><\/script>')</script>
<scriptsrc="js/iscroll-zoom.js"></script>
<scriptsrc="js/hammer.js"></script>
<scriptsrc="js/jquery.photoClip.js"></script>
<script>
varobUrl=''
//document.addEventListener('touchmove',function(e){e.preventDefault();},false);
$("#clipArea").photoClip({
width:199,
height:166,
file:"#file",
view:"#view",
ok:"#clipBtn",
loadStart:function(){
console.log("照片读取中");
},
loadComplete:function(){
console.log("照片读取完成");
},
clipFinish:function(dataURL){
console.log(dataURL);
}
});
</script>



下载

2023-11-23 01:15 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]