jquery.photoClip.js是一款图片裁剪插件,然后我们用Ajax把裁剪出来的内容放到图片里。
photoClip.js图片裁剪调用方法:$("#clipArea").photoClip({ <br>
width: 300, <br>
height: 300, <br>
file: "#file", <br>
view: "#view", <br>
ok: "#clipBtn", <br>
loadStart: function() { <br>
$(".photo-clip-rotateLayer").html("<img alt="PHP+html5+base64加密手机移动设备上传图片" >"); <br>
console.log("照片读取中"); <br>
}, <br>
loadComplete: function() { <br>
console.log("照片读取完成"); <br>
}, <br>
clipFinish: function(dataURL) { <br>
$.ajax({ <br>
url: "upload.php", <br>
data: {str: dataURL}, <br>
type: 'post', <br>
dataType: 'html', <br>
}) <br>
} <br>
});
PHP+AJax处理裁剪图片photoClip.js
jquery.photoClip.js详细API参数和演示:http://www.sucaihuo.com/js/684.html
PHP支持手势的手机端图片裁剪上传.zip ( 822.54 KB 下载:95 次 )
AD:真正免费,域名+虚机+企业邮箱=0元