javascript - 使用输入类型=文件选择文件并使用 ng-repeat 显示路径后触发函数

Question

  <input type="file" id="file" name="file" ng-show="attachFile" />
  <button type="button" ng-model="attach" ng-click="add()">Attach</button>

  <div class="panel panel-default" ng-show="displayAttachments">
    <div class="panel-heading">
      <h3 class="panel-title">Attachments</h3>
    </div>
    <div class="panel-body">
      <ul class="list-group">

        <li class="list-group-item">C:\fakepath\angularjs_tutorial.pdf</li>

        <li class="list-group-item">display file path using ng-repeat in this panel</li>

      </ul>
    </div>
  </div>

我有一个名为 attach 的按钮，它调用在我的 Controller 中编写的 add() 函数，它启用类型文件的输入。 功能是

• 在点击添加时显示选择文件按钮(输入类型=文件)
• 选择文件后，这个选择的文件必须消失，出现附件字段
• 文件的路径必须出现在附件字段的li标签中，我认为可以使用ng-repeat来完成
• 我必须能够通过上述文件上传另一个文件并且这个新文件的路径必须出现在已经选择的路径下方 文件。

我的 Controller 有这段代码

$scope.attachFile = false;
$scope.displayAttachements = false;
$scope.add = function() {
  $scope.attachFile = true;
}

Answer 1

Check This Solution我认为这会有所帮助，因为没有绑定(bind)文件类型输入属性