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

【问题标题】：How to filter the file types in primeng p-fileupload component如何过滤primeng p-fileupload组件中的文件类型
【发布时间】：2018-05-22 19:57:33
【问题描述】：

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

【问题讨论】：

【解决方案1】：

我们可以像这样按需要的类型进行过滤

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

【讨论】：

【解决方案2】：

在 Angular 的 p-fileUpload 中使用 accept 属性尝试以下输入

图像过滤器
accept="image/*"[接受所有图像文件类型]
accept="image/*.jpeg"[仅接受 JPEG 图像文件类型]
文件过滤器
accept="application/msexcel" [仅接受 xls 文件类型]
accept=".xlsm,application/msexcel" [仅接受 xls 和 xlsm 文件类型]
accept="application/msmsword" [仅接受 word 文件类型]

【讨论】：

【解决方案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";

【讨论】：