ngf-pattern 不适用于 ng-file-upload

Question

我试图在 ng-file-upload 组件中将文件类型限制为 CSV 但它不起作用 - 它仍然接受所有文件。

ngf-pattern="'*.csv'"和ngf-pattern="*.csv"我都试过了。

代码：

   <button class="btn btn-info" type="file" ngf-select="uploadFiles($file, $invalidFiles)"
                        ngf-pattern="'*.csv'" ngf-max-height="1000" ngf-max-size="1MB">
                    <i class="fa fa-upload"></i> {{'main.users.import.button' |translate}} </button>

依赖性：

  "ng-file-upload": "~10.0.2",

Answer 1

也尝试添加 accept 属性并删除 *:

<button class="btn btn-info" 
type="file" 
ngf-select="uploadFiles($file, $invalidFiles)" 
ngf-pattern="'.csv'" 
accept=".csv" 
ngf-max-height="1000" 
ngf-max-size="1MB">

编辑：接受不带单引号

Answer 2

<button id="select_resume_btn" class="btn btn-default" type="file" 
        ngf-select="uploadFiles($file, $invalidFiles)" 
        ngf-pattern="'.docx,.pdf'" 
        accept=".docx,.pdf" 
        ngf-max-size="5MB">Select Resume</button>

这对我有用！！谢谢@Michelem

ngf-pattern 不适用于 ng-file-upload

ngf-pattern not working for ng-file-upload

csv

filter

angularjs

ng-file-upload