Question

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

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

以上博客包含带有javascript的角度1的代码，但我想要带有打字稿的角度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 + '%');
    });
};

}]）;

请告诉我如何使用打字稿将上面的代码行转换为角度2。

Answer 1

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

Upload the image into storage blob using typescript and angular2

-Pradeep

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

1 个答案: