//进行裁剪
result = cropper.getCroppedCanvas({
width: 512,
height: 512,
minWidth: 128,
minHeight: 128,
maxWidth: 512,
maxHeight: 512,
fillColor: '#fff',
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
});
if (result.toBlob) {
result.toBlob(
function (blob) {
var formData = new FormData();
var fileName = 'mypic.jpg';
formData.append('file', blob, fileName);
formData.append('id', '123');
// Use ajax method
var xhr = getHttpObj();
xhr.open('post', 'php上传接收文件');
// 监听上传进度 IE不支持
if (typeof(xhr.upload) !== 'object') {
// upload progress event not supported
}
else
{
xhr.upload.onprogress = function (ev) {
// 事件对象
console.log(ev);
var percent = (ev.loaded / ev.total) * 100 + '%';
console.log(percent);
//progress是进度条Html元素//progress.style.width = percent;
};
}
xhr.send(formData);
xhr.onreadystatechange = function () {
if(xhr.readyState == 4 && xhr.status == 200) {
//上传成功
console.log(xhr.responseText);
alert("上传成功");
}
else
{
console.log(xhr.status);
alert('NO');
}
}
},
'image/jpeg',
1
);
}
function getHttpObj() {
var httpobj = null;
try {
httpobj = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
httpobj = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e1) {
httpobj = new XMLHttpRequest();
}
}
return httpobj;
}