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

Question

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

我在裁剪后得到 canvas 数据。然后如何将该数据转换为文件并使用 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