评论:html5 头像上传更换插件

迦南0

2016/8/5 22:08:19

?? ??? ???0

2016/8/5 22:08:57

杜威0

2016/8/1 11:08:23

终于被我改出来了。。。。说下遇到的几个情况希望能帮助到大家，后台情况，1，后台先接受到form提交过来的图片，并返回json，他的sitelogo.js有ajax操作,要求返回json格式，并且有

$arr = array ('result'=>路径); 
echo json_encode($arr);

result必须有，需要改下sitelogo.js里的525代码，让代码执行esle的判断，他原代码判断‘||’我没再去推了，直接改了

if (this.uploaded) {
    this.uploaded = false;
    this.cropDone(); 
    // this.uploaded = true;this.support.datauri ||           
    // this.$avatarSrc.val(this.url);            
    // this.startCropper();         
 } else {           
     this.uploaded = true;            
     this.$avatarSrc.val(this.url);           
     this.startCropper();            
     this.cropDone();          
}

这时候就不会报错了，图片能上传成功，并且会关掉窗口，这时候看post请求，html代码隐藏的两个input有参数，avatar_data 中会有图片的宽，高，x，y 旋转度。。。拿到这些参数到后台，用php的img函数来裁剪，放大就在保存到原路径覆盖掉原图就可以啦。我暂时没做旋转。不明白的可以问我 qq2722703403

杜威3

2016/8/3 12:08:25

特意回来说下，js不需要改，非常不好意思，。。。都是正常的，只要后台返回json格式的数据，并且里面有result 字段路径

{"result":"upload/1470198980a.png"}

基本上就跑通了，

Content - Disposition: form - data;
name = "avatar_data" {
    "x": 112.60000000000001,
    "y": 45.10000000000001,
    "height": 184.86043956043957,
    "width": 184.86043956043957｝

在拿到提交过来的裁剪等数据到后台，php用img一系列函数裁剪保存到原路径，覆盖到开始的图片，就完成了，我是这样的思路