jquery - 如何在angularjs中使用ng文件上传裁剪和上传图像

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);
    });
}

完整的jsfiddle