diff --git a/ui/components/controls/File.vue b/ui/components/controls/File.vue
index e47fc882..8b9f790e 100644
--- a/ui/components/controls/File.vue
+++ b/ui/components/controls/File.vue
@@ -44,7 +44,8 @@ export default {
         required: this.docfield.required,
         disabled: this.disabled,
         webkitdirectory: this.docfield.directory,
-        directory: this.docfield.directory
+        directory: this.docfield.directory,
+        accept: (this.docfield.filetypes || []).join(',')
       };
     },
     getInputListeners() {