angularjs reset input file and filter file

最新推荐文章于 2021-06-03 18:29:33 发布

最新推荐文章于 2021-06-03 18:29:33 发布 · 239 阅读

文章标签：

#angularjs

拥抱AngularJS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用AngularJS实现文件上传功能，包括清除已选择文件和限制上传文件类型为.xls和.xlsx的方法。

文件上传开发模板

 
<form id="uploadForm">
        <input id="fileInput" ng-model="test" type="file" nv-file-select uploader="uploader" accept=".xls,.xlsx" ng-click="onFileSelect()"/>
</form>

1.在Angularjs里面文件上传对象做清除功能


angular.forEach(
          angular.element("input[type='file']"),
          function (inputElem) {
            angular.element(inputElem).val(null);
          });

2.设置选择文件限制只能选择xls或xlsx后缀文件