如何过滤primeng p-fileupload组件中的文件类型

Question

我正在尝试使用来自primeng的p-fileUpload过滤文件对话窗口。 我看到了一个将图像过滤为 image/* 的示例，它可以工作，但我想要 ti 过滤 excel 文件。 我尝试了文件/excel、文件/*.xls 等，但没有帮助。 需要帮忙。

Answer 1

在 Angular 的p-fileUpload中尝试使用接受属性的输入

1. 图像过滤器
   accept="image/*" [接受所有图像文件类型]
   accept="image/*.jpeg" [仅接受 JPEG 图像文件类型]
   

2. 文件过滤器
   accept="application/msexcel" [仅接受 xls 文件类型]
   accept=".xlsm,application/msexcel" [仅接受 xls 和 xlsm 文件类型]
   accept="application/msmsword" [仅接受 word 文件类型]
   

Answer 2

我们可以像这样按所需类型过滤

accept=".xlsx,.pdf,.csv,.xls"

Answer 3

.html

<p-fileUpload accept="{{acceptedFiles}}" invalidFileTypeMessageDetail="Sólo se permiten ficheros {{acceptedFiles}}"></p-fileUpload>

.ts

 acceptedFiles: string = ".pdf, .jpg, .png, .doc, .docx, .xls, .xlsx, .csv";