如何在Angularjs中刷新输入类型文件

Question

您好，我在上传图片后正在使用 angularjs 图片上传功能。上传的图像将在显示我需要刷新输入类型文件后显示 img src 标签，但现在图像显示但该路径仍然存在我需要刷新或删除缩略图中显示 iamge 后的路径

代码

<input id="fileMobile" type="file" ngf-select  ng-model="up.file" name="file" onchange="angular.element(this).scope().file_changed(this)"
   ngf-pattern="'image/*'" accept="image/*" ngf-max-size="4MB" />
 <img ng-src="rfile" style="width:80px;" ng-show="!!up.file" ngf-thumbnail="up.file " />

http://jsfiddle.net/824Ldzd8/4/

图像显示后我想删除文件上传中的文件名

Answer 1

[OdeToCode 发布了很棒的服务] http://odetocode.com/blogs/scott/archive/2013/07/03/building-a-filereader-service-for-angularjs-the-service.aspx 对于这个东西。因此，通过这个简单的指令，您可以轻松预览甚至查看进度条：

.directive("ngFileSelect",function(){    
  return {
    link: function($scope,el){          
      el.bind("change", function(e){          
        $scope.file = (e.srcElement || e.target).files[0];
        $scope.getFile();
      });          
    }        
  }

示例如下：http://plnkr.co/edit/y5n16v?p=preview