diff --git a/packages/file-handling/src/fileupload.js b/packages/file-handling/src/fileupload.js index 7157fc1fbe0c40d3f991927f1d0b51564575664a..22b2bfb3312012fe2be38a4cbf900720bd65ba2a 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')}