大尺寸图片,180x180像素
中尺寸图片 100x100像素
小尺寸图片 50x50像素
最后是js部分了
var cropper;
function init()
{
//绑定
cropper = new ImageCropper(300, 300, 180, 180);
cropper.setCanvas("cropper");
cropper.addPreview("preview180");
cropper.addPreview("preview100");
cropper.addPreview("preview50");
//检测用户浏览器是否支持imagecropper插件
if(!cropper.isAvaiable())
{
alert("Sorry, your browser doesn't support FileReader, please use Firefox3.6+ or Chrome10+ to run it.");
}
}
//打开本地图片
function selectImage(fileList)
{
cropper.loadImage(fileList[0]);
}
//旋转图片
function rotateImage(e)
{
switch(e.target.id)
{
case "rotateLeftBtn":
cropper.rotate(-90);
break;
case "rotateRightBtn":
cropper.rotate(90);
break;
}
}
//上传图片
function saveImage()
{
//选个你需要的大小
var imgData = cropper.getCroppedImageData(180, 180);
console.log("上传了:"+imgData);
//在这里写你的上传代码
}