【问题标题】: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/*'"

【讨论】: