当用户在danialfarid / ng-file-upload插件中选择不接受的文件时显示警告框

Question

• 我正在使用danialfarid/ng-file-upload插件，我将ngf-select指令设置为.doc，.pdf扩展名。它的工作正常。
  • 问题是如果用户选择.png或jpg文件，我想向用户显示一个警告框，表示不接受此文件类型。 提前谢谢。

Answer 1

使用类似的东西（没有测试过代码，但你可以得到这个想法）：

HTML

<button type="button" ngf-select="set($file)" ngf-pattern="'.doc,.pdf'">Select file...</button>

JS（在您的控制器中）

$scope.set = function(file) {
    if(file 
        && file.$error
        && (file.$errorParam.indexOf('.png') > -1
            || file.$errorParam.indexOf('.jpg') > -1)
    ){
        alert('file type is not allowed ):');
    }
}

或者您可以将input元素与accept一起使用，这在大多数浏览器中甚至不会让用户选择其他文件类型：

<input type="file" ngf-select accept=".doc,.pdf"></input>