php如何获取cropper截取后的图片,thinkphp3.2+cropper上传多张图片剪切图片

照片：

*请添加图片

×

剪裁图片

Crop

functiononChangeFn (obj) {var _this=$(obj),_upload=_this.parent();

currentUpload=_upload;//

//截取开始

var files = obj.files;var done = function(url) {

image.src =url;$modal.modal('show');

};varreader;var file;varurl;if (files && files.length > 0) {file = files[0];if(URL) {done(URL.createObjectURL(file));

}else if(FileReader) {

reader= newFileReader();

reader.onload = function(e) {done(reader.result);

};

reader.readAsDataURL(file);

}

}

}var image = document.getElementById('image');var $modal = $('#modal');varcurrentUpload;varcropper;$modal.on('shown.bs.modal', function() {

cropper= new Cropper(image,{

aspectRatio: 16/9,zoomable:true,zoomOnWheel:true,viewMode: 0,});

}).on('hidden.bs.modal', function() {

cropper.destroy();

cropper= null;

});

document.getElementById('crop').addEventListener('click', function() {varcanvas;$modal.modal('hide');if(cropper) {

canvas= cropper.getCroppedCanvas({

width: 800,height: 500,});//avatar.src = canvas.toDataURL();

var reader = newFileReader();

reader.onload = function(evt) {

currentUpload.before('

');

}

canvas.toBlob(function (result) {reader.readAsDataURL(result);},"image/jpeg");//console.log(canvas);

if (currentUpload.next().css('display')=='block') {

currentUpload.next().css('display','none')

}var strHtml='

currentUpload.after(strHtml);

currentUpload.hide();

}

});