From 3c12dcccbeab4d1a0eba6f9bed97078cd39cda38 Mon Sep 17 00:00:00 2001
From: Eugen Neuber <eugen.neuber@tugraz.at>
Date: Wed, 27 May 2020 10:27:22 +0200
Subject: [PATCH] Set "accept='allowed-mime-types" on file input
as described on https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
but does not work on (my) Linux ...
---
packages/file-handling/src/fileupload.js | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/packages/file-handling/src/fileupload.js b/packages/file-handling/src/fileupload.js
index 7157fc1f..22b2bfb3 100644
--- a/packages/file-handling/src/fileupload.js
+++ b/packages/file-handling/src/fileupload.js
@@ -17,7 +17,7 @@ export class FileUpload extends ScopedElementsMixin(VPULitElement) {
this.lang = 'de';
this.url = '';
this.dropArea = null;
- this.allowedMimeTypes = '';
+ this.allowedMimeTypes = '*/*';
this.text = '';
this.buttonLabel = '';
this.uploadInProgress = false;
@@ -348,7 +348,12 @@ export class FileUpload extends ScopedElementsMixin(VPULitElement) {
<div id="dropArea">
<div class="my-form" title="${this.uploadInProgress ? i18n.t('upload-disabled-title') : ''}">
<p>${this.text || i18n.t('intro')}</p>
- <input ?disabled="${this.uploadInProgress || this.disabled}" type="file" id="fileElem" multiple name='file'>
+ <input ?disabled="${this.uploadInProgress || this.disabled}"
+ type="file"
+ id="fileElem"
+ multiple
+ accept="${this.allowedMimeTypes}"
+ name='file'>
<label class="button is-primary" for="fileElem" ?disabled="${this.disabled}">
<vpu-icon style="display: ${this.uploadInProgress ? "inline-block" : "none"}" name="lock"></vpu-icon>
${this.buttonLabel || i18n.t('upload-label')}
--
GitLab