2015-07-11 68 views
1

这是代码片段。如何在上传前使用ng-file-upload预览图像

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

<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> 

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

可以请任何人帮助我,我需要做什么改变?

回答

0

看看examplengThumb指令)。基本上,这都是关于使用API​​和倾听适当的事件。