angular - 如何使用 angualr2 和 typescript 将图像上传到 azure 存储 blob

Question

我正在使用 typescript 开发 Angular 2 应用程序。在我当前的项目中，我实现了将图像上传到存储 blob 的功能，为此我点击了以下链接。

http://www.ojdevelops.com/2016/05/end-to-end-image-upload-with-azure.html

上面的博客包含使用 javascript 的 Angular 1 的代码，但我想要使用 typescript 的 Angular 2 的代码。

app.controller('UploadCtrl', ['$scope', 'Upload', function ($scope, Upload) {
$scope.submit = function() {
    if ($scope.form.file.$valid && $scope.file) {
        $scope.upload($scope.file);
    }
};

$scope.upload = function (file) {
    Upload.upload({
        url: 'image/upload',
        data: { file: file }
    }).then(function (resp) {
        console.log('Success');
    }, function (resp) {
        console.log('Error');
    }, function (evt) {
        var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
        console.log('progress: ' + progressPercentage + '%');
    });
};

}]);

能否请您告诉我如何使用 typescript 将上述代码行转换为 angular 2。

Answer 1

最后，我实现了上面的功能。为此，可以在下面的链接中找到答案。

Upload the image into storage blob using typescript and angular2

-普拉迪普