javascript - 如何在 Angular js中的 $on ("fileSelected")之后在页面上显示图像

Question

如何在 AngularJS 中的 $on("fileSelected") 之后显示图像？

我正在使用以下内容选择文件:

   $scope.$on("fileSelected", function (event, args) {
       debugger;
       $scope.$apply(function () {
           $scope.file = args.file;
       });

我需要使用 img src 属性显示图像。

Answer 1

尝试这样的事情:

    var reader = new FileReader();

    reader.onload = function (e) {
        $('#image').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);