仅允许 angular-file-upload 模块中的特定文件扩展名可点击

Question

我正在使用这个模块，https://github.com/nervgh/angular-file-upload

我正在使用他们的简单示例，http://nervgh.github.io/pages/angular-file-upload/examples/simple/

当您点击 "Choose file" 按钮时，它会打开一个 window 允许我们选择一个我们想要上传的文件。我想要发生的是只允许单击特定的文件扩展名。是否有未记录的配置可以做到这一点？

例如，在配置中，我们只允许.txt 扩展名，当我单击"Choose file" 按钮时，它会打开一个window 并显示所有文件。但是，没有扩展名 .txt 的文件将被禁用。

我这样做不是出于安全目的。我只是按照提供给我的 design/instructions 进行操作。 :) 我总是可以使用 mitm 工具来拦截并允许上传其他扩展。

Answer 1

您可以通过这样做简单地实现您的目标

accept=".txt"

<input ui-jq="filestyle" type="file" nv-file-select="" accept=".txt" uploader="uploader" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" multiple>

more information

仅允许 angular-file-upload 模块中的特定文件扩展名可点击

Only allow specific file extensions in angular-file-upload module to be clickable

javascript

angularjs

angular-file-upload