具有多种模式的 ng-file-upload答案

【问题标题】：ng-file-upload with several patterns具有多种模式的 ng-file-upload
【发布时间】：2025-12-23 22:50:17
【问题描述】：

我正在使用ng-file-upload，我正在尝试上传图片或 pdf 文件。我用文件输入创建了简单的表单，但它只接受 pdf 文件。如果我将订单更改为'image/*, .pdf'，它只接受图片而不接受pdf。如何接受图片和 pdf 文件？

<input type="file" ngf-select ng-model="picFile" name="file" ngf-pattern="'.pdf, image/*'" accept="'.pdf, image/*'" ngf-accept="'.pdf, image/*'" ngf-max-size="2MB" required ngf-model-invalid="errorFile">

这里的例子 http://jsfiddle.net/maqbzv15/3835/

【问题讨论】：

在你的 jsfiddle 中选择 PDF 或图像没有问题。
@Sébastien prntscr.com/hqj37u

标签： javascript angularjs pdf ng-file-upload

【解决方案1】：

试试下面的代码上传图片和pdf文件。

ng-accept="'.pdf,.jpg'|validate($file)"

对于多个文件，您必须将 ng-multiple 设置为 true

【讨论】：

谢谢，但不知道怎么做，看起来它不起作用。目标不是上传图像和pdf，而只是其中一个。 Imare 或 pdf 已接受
你必须列出所有可能的文件类型：现有的和未来的......
是的，来自@Sébastien，您必须提及所有必需的文件类型
@Sébastien 你能举个例子吗？
This 将帮助您上传多个不同文件类型的文件。

【解决方案2】：

逗号后的空格应该去掉ngf-pattern="'.pdf, image/*'"

【讨论】：