如何以角度js 2显示上传的图像

时间:2017-11-11 09:03:50

标签: javascript angular

我有一个场景,我必须从我的计算机上传图像并将其显示在图像标签中。我可以从我的计算机上传图像但无法显示 在图像标签,而不是它显示图像name.i已在谷歌搜索但没有找到角2或4解决方案,而不是获得角度1解决方案。有人在这方面帮助我

这是我的代码:

<html lang="en">
  <head >
      <meta charset="UTF-8">
      <title>Upload Image</title>

  </head>
  <body ng-app="myApp">
      <div ng-controller="UploadCtrl">
          <img ng-if="image" src="{{image}}" alt="">
          <form action="">
              <input my-upload type="file" name="upload">
          </form>
      </div> 
  </body>
  </html>

1 个答案:

答案 0 :(得分:0)

没有angularjs2,我认为你需要angularjs代码

您应该使用 ng-src

 <img ng-if="image" ng-src="{{image}}" alt="">

<强> EDIT

我猜你需要angular2那么应该是,

<img *ngIf="image" [src]="image">