【问题标题】: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 等,但没有帮助。需要帮助。

【问题讨论】:

  • 请参考this guide 提出好问题,得到好答案。

标签: java angular file-upload primeng


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

    • 除此响应外,请记住,如果您希望指定不带任何空格的多个类型,如下所示:Image filter accept=".jpg,.png,.gif"
    【解决方案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";
    

    【讨论】:

      猜你喜欢
      • 2017-03-23
      • 2019-04-12
      • 1970-01-01
      • 1970-01-01
      • 2017-09-05
      • 2018-05-14
      • 2011-02-16
      • 2018-10-24
      • 2022-01-05
      相关资源
      最近更新 更多