php ci try catch,CI自定义图片剪裁类遇到的坑

这段代码展示了如何使用JavaScript进行图片裁剪,并通过AJAX上传裁剪后的图片到服务器。裁剪过程中设定了尺寸限制,并提供了上传进度的处理。最后,使用了FormData对象将裁剪的图片以Blob形式发送到PHP服务器。
摘要由CSDN通过智能技术生成

//进行裁剪

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;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值