如何通过angularjs中的输入类型文件更改图像的src属性

时间:2018-04-08 14:51:34

标签: angularjs

我想通过输入文件类型更改图像的source属性。如果我在我的系统中选择一个图像,图像应立即显示在没有任何数据库的图像持有者div中,我只使用静态,我没有数据库和所有。如果没有数据库是不可能的,那么我想将该图像保存在我的本地图像文件夹中,然后显示在图像持有者中。角有可能吗?我学习角度可以帮助任何人。

这就是我写的::

<div class="image_holder">
   <img ng-src="{{img_src}}" width="" height="" alt=""/>
   <input type="file" ng-model="changeimageSrc" 
   onchange="angular.element(this).scope().changeImage()" ng- 
  change="changeImage()"/>
   </div>



 $scope.changeImage = function(){                  
   $scope.img_src = '../images/' + $scope.changeimageSrc;
   alert($scope.changeimageSrc);
}

1 个答案:

答案 0 :(得分:0)

在changeImageSrc之后使用.jpg或任何其他文件扩展名

$ scope.img_src =&#39; ../ images /&#39; + $ scope.changeimageSrc +'.jpg'    警报($ scope.changeimageSrc);