MDL-83579 tiny_media: pass filepicker accepted types to dropzone.

2025-01-16 17:37:54 +00:00
parent e6c92dc291
commit cc712e151f
3 changed files with 11 additions and 3 deletions
@@ -27,6 +27,7 @@ import uploadFile from 'editor_tiny/uploader';
 import {prefetchStrings} from 'core/prefetch';
 import {getStrings} from 'core/str';
 import {component} from "./common";
+import {getFilePicker} from 'editor_tiny/options';
 import {displayFilepicker} from 'editor_tiny/utils';
 import {ImageDetails} from 'tiny_media/imagedetails';
 import {
@@ -82,9 +83,16 @@ export class ImageInsert {
        this.currentModal.setTitle(this.langStrings.insertimage);
        if (this.canShowDropZone) {
            const dropZoneEle = document.querySelector(Selectors.IMAGE.elements.dropzoneContainer);
+
+            // Accepted types can be either a string or an array.
+            let acceptedTypes = getFilePicker(this.editor, 'image').accepted_types;
+            if (Array.isArray(acceptedTypes)) {
+                acceptedTypes = acceptedTypes.join(',');
+            }
+
            const dropZone = new Dropzone(
                dropZoneEle,
-                'image/*',
+                acceptedTypes,
                files => {
                    this.handleUploadedFile(files);
                }