2017-11-11 57 views
-1

我有一個場景,我必須從我的計算機上傳圖像並將其顯示在圖像tag.i能夠從我的電腦上傳圖像,但無法顯示它 在圖像標籤,而不是它顯示圖像name.i已經在谷歌搜索,但沒有發現角2級或4的解決方案,而不是越來越角1 solution.could有人幫助我在這方面如何以角度js顯示上傳的圖像2

這裏是我的代碼:

<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

這不是角2碼..can您發佈您嘗試過的角度2代碼? – Niladri

+0

@Pavan糾正我,如果我錯了,所以你想要的是隱藏上面的代碼角2/4代碼?像語法? – Priz

+0

你可以在這裏粘貼角度代碼嗎? – Omar

回答

0

沒有angularjs2,我想你需要angularjs代碼

您應該使用ng-src

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

EDIT

我想你需要angular2那麼它應該是,

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

嗨sajeetharam,雖然使用該代碼,我得到這個錯誤:無法綁定到'ng-src',因爲它不是'img'的已知屬性。你可以幫我在這方面 –

+0

@PavanKumar嘗試編輯回答 – Sajeetharan

+0

你是否像上面那樣嘗試過 – Sajeetharan