Question

我希望在<img src>显示图片当我点击按钮选择图像时，它会显示图像的所有信息，但它根本不显示任何图像。我使用.directive

在我的app.js中调用图像的信息

.directive("filesInput", function() {

    return {
        require: "ngModel",
        link: function postLink($scope, elem, attrs, ngModel) {
            elem.on("change", function(e) {

                var files = elem[0].files;
                ngModel.$setViewValue(files);
                // var imageData = _.map(files, 'name');
                $scope.img = files;
                console.log(files);


            })
        }
    }
});

如何将.directive（＆＃34; filesInput＆＃34;）调用到我的控制器以显示在我的.html中

<img src="{{files}}">

Answer 1

看起来问题出在指令中，它正在设置图像。所以它设置范围img但不是变量。 img需要完整的路径，例如。

<img ng-src="{{img}}">

或取决于您需要在其之前添加图像路径所需的位置，例如

<img ng-src="'/pathofimage/' + {{img}}">

在Angular中显示图像

1 个答案: