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

Posted 2023-03-15

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

【英文标题】：Show alertbox when a user select a non accepted file in danialfarid/ng-file-upload plugin

【发布时间】：2015-11-11 07:17:43

【问题描述】：

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

【参考方案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>

【讨论】：

非常感谢您的回复，它不起作用，当我选择 ngf-accept 中提到的文件以外的文件时，它既不会调用 $upload 方法，也不会显示您选择的文件不被接受的任何标志。

我希望如果我设置 ngf-accept 指令并且如果我选择未提及的文件类型，那么我们会向用户显示不接受文件类型的警报