Ajax通过向PHP创建canvas(BLOB)来发送裁剪图像

I am trying to convert the id="send_to_db" image to a canvas form and send to php i have googled alto but for particulate cropped image I dint find any use full code, is there a way to convert the image after it is cropped and displayed on image ,that particulate image to create a blob form and send to php through ajax
FIDDEL:EXAMPLE
JS:

angular.module('app', ['ngImgCrop'])
  .controller('Ctrl', function($scope) {
    $scope.myImage='';
    $scope.myCroppedImage='';

    var handleFileSelect=function(evt) {
      var file=evt.currentTarget.files[0];
      var reader = new FileReader();
      reader.onload = function (evt) {
        $scope.$apply(function($scope){
          $scope.myImage=evt.target.result;
        });
      };
      reader.readAsDataURL(file);
    };
    angular.element(document.querySelector('#fileInput')).on('change',handleFileSelect);
  });

CSS:

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:500px;
  height:350px;
}

HTML:

<link href="https://cdn.rawgit.com/alexk111/ngImgCrop/master/compile/minified/ng-img-crop.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>



<body ng-app="app" ng-controller="Ctrl">
  <div>Select an image file: <input type="file" id="fileInput" /></div>
  <div class="cropArea">
    <img-crop image="myImage" result-image="myCroppedImage"></img-crop>
  </div>
  <div>Cropped Image:</div>
  <div><img id="send_to_db" ng-src="{{myCroppedImage}}" /></div>
</body>
dsy1971
dsy1971 请阅读我发布的链接中的答案。我无法帮助你。
5 年多之前 回复
doutonghang2761
doutonghang2761 okty..或者帮助我将图像裁剪并转换为blob文件并通过ajax发送到php。我的意思是说从客户端到服务器的mysql数据库
5 年多之前 回复
dongyanhu5628
dongyanhu5628 如果我有一个实际的答案,我会这样写的。我只是想把你推向正确的方向。
5 年多之前 回复
douzhan1963
douzhan1963 谢谢你的回复,但是这些帖子没有转换成新的图像,你可以帮我解决那个问题吗?
5 年多之前 回复
doulei6778
doulei6778 可能相关:stackoverflow.com/q/12728188/3512867和stackoverflow.com/q/1590965/3512867
5 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐