如何使用ng-file-upload上传之前预览图像

Question

这是代码段。

当用户通过单击“更改图像”按钮选择文件时，文件将被选中，名称将显示在文本框中。

<img src="" alt="" border=3 height=75 width=75><br><br>

<input type="text" ng-model="b.files[0].name" data-ng-hide="!uploadMode" readonly="readonly">

<button ngf-select ng-model="b.files" class="btn btn-success btn-sm" ng-click="uploadMode=1">
    <span class="glyphicon glyphicon-picture"></span> Change Image
</button>

我还希望在实际上传之前显示所选文件的图像以供用户预览。

可以请任何人帮助我，我需要做些什么改变？

Answer 1

查看example（ngThumb指令）。基本上，它都是关于使用FileReader API并聆听相应事件。