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

Posted 2023-03-15

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

【英文标题】：show alert box when user select non accepted file in danialfarid/ng-file-upload plugin

【发布时间】：2015-11-25 10:02:09

【问题描述】：

我正在使用danialfarid/ng-file-upload插件，我设置了ngf-select .doc,.pdf 扩展名的指令。它工作正常。

问题是如果用户选择 .png 或 jpg 文件，我想显示警报 向用户表示不接受此文件类型的框。谢谢你 前进。

【参考方案1】：

类似这样的：

<div ngf-select ngf-pattern="'.png,.jpg'" ng-model="file">

<div class="alert" ng-show="file.$error === 'pattern'">file type is not accepted. Acceptable files: file.$errorParam</div>

【讨论】：

它不工作，我的 html 是： 上传文件 现在，如果用户选择除提及 nfg-accept 以外的任何类型，则会出现一个警告框，显示文件类型不被接受

使用你的指令，对文件类型没有限制。如果我选择任何类型的文件，文件将被接受并上传。

升级到最新版本，称为ngf-pattern。 ngf-accept 已弃用。

上传前需要验证文件是否有错误，所以在你上传的js代码中检查文件。上传前$error为null。

"现在如果用户选择任何类型而不是提及 nfg-accept，一个警告框会显示文件类型不被接受"这不是您要求的吗？