如何使用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应用程序接口和侦听适当的事件。