PHP ajaxfileupload jcrop插件完美实现了头像上传的裁剪

昨天，我花了一些时间整合头像插件拼凑的结果。先来看看效果。

1.使用ajaxfileupload插件异步上传。我想上传这个地方的进度，但是技术有限，失败了。我也对上传按钮做了文件大小限制，但由于浏览器兼容性问题，并不完善。IE6和IE9之间还有很多问题需要解决。getFileSize函数是一个判断文件大小的函数。复制代码如下：函数getFilesize(filename){ var bytesize=0；//console . log($(“#”FIlename)。val())；if($('#' fileName)[0]。文件){ var byteSize=$('#' fileName)[0]。文件[0]。大小；}else {//这里由于浏览器兼容性问题，大小判断的逻辑还没有完成}//alert(byteSize)；byteSize=math . ceil(byteSize/1024)//KB返回byteSize；//KB }2。按钮上传事件绑定副本代码如下： $ ('# btn上传')。click(function(){ var allowmagetype=[' jpg '，' JPEG '，' png '，' gif ']；var文件=$('#file1 ')。val()；//获取大小var byteSize=getFileSize(' file 1 ')；//获取后缀if(file . length 0){ if(bytesize 2048){ alert('上传的附件文件不能超过2M ')；返回；} var pos=file.lastIndexOf(' . ');//String var ext=file。子串(pos1)。截取点后的to lower case()；//console . log(ext)；if($。inArray(分机，allowImgageType)！=-1){ AJaxFileUpload()；}else {alert('请选择jpg、jpeg、png、gif类型的图片')；}} else {alert('请选择jpeg、JPEG、png、gif类型的图片')；} });3.上传成功后，返回图像路径，初始化图像裁剪。