如何使用angularjs中的ng-file上传来裁剪和上传图像

Question

您好我正在尝试裁剪我的图片并使用angularjs中的ng-file upload上传图片。

裁剪后我得到画布数据。然后，如何使用ng文件上传将数据转换为文件并上传到服务器。

提前致谢。

Answer 1

尝试发现这个例子。我认为它可以帮助你。

$scope.upload = function (dataUrl) {
    Upload.upload({
        url: 'https://angular-file-upload-cors-srv.appspot.com/upload',
        data: {
            file: Upload.dataUrltoBlob(dataUrl)
        },
    }).then(function (response) {
        $timeout(function () {
            $scope.result = response.data;
        });
    }, function (response) {
        if (response.status > 0) $scope.errorMsg = response.status 
            + ': ' + response.data;
    }, function (evt) {
        $scope.progress = parseInt(100.0 * evt.loaded / evt.total);
    });
}

full jsfiddle