Ng文件上传- Ng -src不工作

ng file upload - ng-src not working

本文关键字：Ng 工作 -src 文件      更新时间：2023-09-26

我希望根据属性显示来自不同来源的图像，因此我有以下内容:

<div ng-if="!file.$ngfBlobUrl">
  <img  style="width:50px; height: 50px" ng-src="{{diffent/img/path.jpg}}">
      </div>
<div ngf-if="!!file.$ngfBlobUrl">
  <img style="width:50px; height: 50px" ngf-src="file">
</div>

当!文件。$ngfBlobUrl === false，那个源没有被使用，所以那个图像没有被显示，这是完美的。但我得到一个404错误，因为无法找到img源。我怎样才能避免呢?我的意思是，ng-if不是用来查找那个url的

注意:ngf-if和$ngfBlobUrl来自ng文件上传库

ng-src属性的值应该引用Angular模型。例:

function MyCtrl($scope) {
  $scope.image = 'http://imgur.com/myimage.jpg'
}
<img style="width: 50px; height: 50px;" ng-src="{{image}}">

我用两个不同的列表解决了这个问题，一个是已经上传的文件(使用ng-src="{{path}}")，另一个是尚未上传的文件，使用ngf-src指令。我认为这是一个更干净，更简单的方法来实现我想要的。

谢谢!

相关文章：