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

Question

I am trying to filter the file dialogue window using p-fileUpload from primeng. I saw an example to to filter images as image/* and it works but i want ti filter for excel files. I tried file/excel, file/*.xls etc, but no help. Need help.

Answer 1

Try below inputs with accept property in p-fileUpload in Angular

1. Image filter
   accept="image/*" [accepts all image file types]
   accept="image/*.jpeg" [accepts only JPEG image file types]
   

2. File filter
   accept="application/msexcel" [accepts only xls file types]
   accept=".xlsm,application/msexcel" [accepts only xls & xlsm file types]
   accept="application/msmsword" [accepts only word file types]
   

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";