Node.js 在拖放区域限制文件类型_Node.js_Vue.js_Drag And Drop_Electron

Node.js 在拖放区域限制文件类型

node.js vue.js electron

Node.js 在拖放区域限制文件类型,node.js,vue.js,drag-and-drop,electron,Node.js,Vue.js,Drag And Drop,Electron,是否可以限制从拖放文件输入接受的文件类型？我用拖放区替换了经典的bootstrap4文件输入。我不是在创建一个网站，而是一个电子应用程序。目前，我可以在vue中管理文件，然后在应用程序的主节点进程中处理它们，但我不知道如何限制用户可以选择的文件类型这是旧文件输入 <div class="custom-file"> <input type="file" class="custom-file-input" mul

是否可以限制从拖放文件输入接受的文件类型？我用拖放区替换了经典的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>


选择几个文件

正如您所看到的，我已经使用了accept属性，也许我可以对drop区域执行相同的操作