如何過濾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";