在上傳角色之前顯示圖片2

Question

我正在使用ng2fileupload將圖片上傳到服務器代碼工作正常，圖像正在上傳但我想在將圖像發送到服務器以上傳我的代碼之前顯示圖像在下面給出

<img src="" > 

    <input type="file" placeholder="Upload file" ng2FileSelect [uploader]="uploader"> 
    <button class="btn btn-success btn-s" role="submit" (click)="uploader.uploadAll()" [disabled]="passwordForm.valid"> 
     Update 
    </button> 

我無法獲取圖像的路徑，因此我無法將其發送到img標籤的src。任何幫助表示讚賞。

Answer 1

這裏是一篇文章的鏈接，向您展示如何做你想做的事情。它只是不使用Angular來做到這一點。 https://scotch.io/tutorials/use-the-html5-file-api-to-work-with-files-locally-in-the-browser。

基本上，您需要使用文件api將文件轉換爲數據網址，並將「src」設置爲該網址。