node.js - 限制拖放区域的文件类型

Question

是否可以限制从拖放文件输入中接受的文件类型？我已经用拖放区域替换了经典的 bootstrap4 文件输入。我不是在创建一个网站，而是一个电子应用程序。目前我能够在应用程序的主节点进程上处理它们之前在 vue 中管理文件，但我不知道如何限制用户可以选择的文件类型。

这是旧文件输入

<div class="custom-file">
    <input type="file" class="custom-file-input" multiple accept=".txt,.rtf,.doc,.docx,.odt,.xls,.xlsx,.ods,.ppt,.pptx,.odp,.pdf,.jpg,.jpeg,.png,.gif" ref="selectedFiles" @change="handleFiles()">
    <label class="custom-file-label" for="customFile">
        <span class="d-inline-block text-truncate w-75">Choose several files</span>
    </label>
</div>

如您所见，我使用了接受属性，也许我可以对放置区域执行相同的操作？

标签： node.jsvue.jsdrag-and-dropelectron