怎么在PHP中使用jQuery实现上传裁剪图片

怎么在PHP中使用jQuery实现上传裁剪图片？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比临清网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临清网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖临清地区。费用合理售后完善，10多年实体公司更值得信赖。

jquery代码（必须在最后面引入）

function showCutImg(showImg){
      var showImg = $(showImg);
      var changeInput = showImg.parents('.showImgDiv').siblings('.CutImage');
      var size = changeInput.siblings('.imgCoord').attr('ratio').split('*');
      var needWidth = size[0];
      var needHeight = size[1];
      var ratio = parseInt(needWidth)/parseInt(needHeight);
      ratio = parseFloat(ratio.toFixed(2));
      var thisFullDiv = showImg.parent();
      var coordArr = changeInput.siblings('.imgCoord').val().split(',');

      thisCutImgWidth = showImg.width();
      thisCutImgHeight = showImg.height()

      thisFullDiv.css('width',thisCutImgWidth);
      thisFullDiv.css('height',thisCutImgHeight);

      if((thisCutImgWidth/thisCutImgHeight)>=ratio){
        var thisCutDivHeight = thisCutImgHeight;
        var thisCutDivWidth = thisCutDivHeight*ratio;
      }else{
        var thisCutDivWidth = thisCutImgWidth;
        var thisCutDivHeight = thisCutDivWidth/ratio;
      }

      var hideWidth = (thisFullDiv.width()-thisCutDivWidth)/2;

      showImg.siblings('.hideImgLeft').width(hideWidth);
      showImg.siblings('.hideImgRight').width(hideWidth);

      var hideHeight = (thisFullDiv.height()-thisCutDivHeight)/2;

      showImg.siblings('.hideImgTop').width(thisCutDivWidth);
      showImg.siblings('.hideImgBottom').width(thisCutDivWidth);

      showImg.siblings('.hideImgTop').height(hideHeight);
      showImg.siblings('.hideImgBottom').height(hideHeight);

      if(hideWidth>0){
        var cutRatioX = thisCutImgWidth/hideWidth;
      }else{
        var cutRatioX = 0
      }

      if(hideHeight>0){
        var cutRatioY = thisCutImgHeight/hideHeight;
      }else{
        var cutRatioY = 0;
      }

      var coord = needWidth+'#'+needHeight+'#'+(cutRatioX)+'#'+(cutRatioY);

      if(coordArr!=''){
        coordArr.push(coord);
      }else{
        coordArr = [coord];
      }

      changeInput.siblings('.imgCoord').val(coordArr);
      $('.fullDiv').on('mousedown',function(e){
        var me = $(this);

        var changeInput = me.parent().siblings('.CutImage');

        var index = me.attr('index');

        var oldx = e.pageX;
        var oldy = e.pageY;

        var imgleft = me.children('.cutImg').position().left;
        var imgtop = me.children('.cutImg').position().top;

        var maxw = me.children('.hideImgLeft').width();
        var maxh = me.children('.hideImgTop').height();

        var goordArr = changeInput.siblings('.imgCoord').val().split(',');

        var cutDivSize = goordArr[index].split('#');

        $(document).mousemove(function(e){
          var newx = e.pageX;
          var newy = e.pageY;

          var movex = newx - oldx;
          var movey = newy - oldy;

          var x = movex + imgleft;
          var y = movey + imgtop;

          if(Math.abs(x)>maxw){
            if(x>0) x = maxw;
            if(x<0) x = -maxw;
          }

          if(Math.abs(y)>maxh){
            if(y>0) y = maxh;
            if(y<0) y = -maxh;
          }

          me.children('.cutImg').css('left',x+'px');
          me.children('.cutImg').css('top',y+'px');

          if(parseInt(maxw - x)>0){
            var cutRatioX = me.children('.cutImg').width()/parseInt(maxw - x);
          }else{
            var cutRatioX = 0;
          }

          if(parseInt(maxh - y)>0){
            var cutRatioY = me.children('.cutImg').height()/parseInt(maxh - y)
          }else{
            var cutRatioY = 0;
          }

          var cutImgPo = (cutRatioX) +'#'+ (cutRatioY);

          var coordVal = cutDivSize[0]+'#'+cutDivSize[1]+'#'+cutImgPo;

          goordArr[index] = coordVal;

          changeInput.siblings('.imgCoord').val(goordArr);


        });
      });


      $(document).on('mouseup',function(e){
        $(document).unbind('mousemove');
      });
    }



    $(".CutImage").change(function(){

      $(this).siblings('.imgCoord').val('');

      if($(this).prop('multiple')!=true){    //判断是否多文件上传
        var objUrl = getObjectURL1(this.files[0]) ;

        var showImgWidth = $(this).siblings('.showImgDiv').attr('showImgWidth');

        if(!showImgWidth)
        {
          showImgWidth = '150';
        }

        if (objUrl) {
            html = '';
            html += '';
            html += '