Dropzone 在对话框中仅显示 CSV 和 XLS 文件

Posted 2023-02-21

【中文标题】Dropzone 在对话框中仅显示 CSV 和 XLS 文件

【英文标题】：Dropzone show only CSV & XLS files in dialog box

【发布时间】：2019-01-01 02:43:44

【问题描述】：

我使用 dropzone 作为 CSV/XLS 文件上传器。我使用这个选项来过滤和限制 CSV/XLS 文件：

acceptedFiles: "text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",

现在我只在 Windows 对话框中看到 XLS 文件，而没有看到 CSV 文件。当然，当我将过滤器下拉列表更改为所有文件时，我会看到 CSV 文件并选择它。但我想用方法或选项来解决这个问题。

您有什么解决方案可以同时查看两个 XLS/CSV 文件吗？

【问题讨论】：

您是否尝试使用文件扩展名而不是 mime 类型？ .csv 和 .xls

【参考方案1】：

Dropzone.js 只是将 AcceptedFiles 属性中的值直接放入 html 组件中。

<input accept="text/csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">

看起来 text/csv 不是一个可接受的值，即使它是有效的 mime 类型。推荐使用 .csv。

请看这里HTML Input="file" Accept Attribute File Type (CSV)。