| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { isElementType } from '../utils/misc/isElementType.js';
- import { createFileList } from '../utils/dataTransfer/FileList.js';
- import '../utils/dataTransfer/Clipboard.js';
- import { setFiles } from '../utils/edit/setFiles.js';
- import { isDisabled } from '../utils/misc/isDisabled.js';
- import { getWindow } from '../utils/misc/getWindow.js';
- async function upload(element, fileOrFiles) {
- const input = isElementType(element, 'label') ? element.control : element;
- if (!input || !isElementType(input, 'input', {
- type: 'file'
- })) {
- throw new TypeError(`The ${input === element ? 'given' : 'associated'} ${input === null || input === undefined ? undefined : input.tagName} element does not accept file uploads`);
- }
- if (isDisabled(element)) return;
- const files = (Array.isArray(fileOrFiles) ? fileOrFiles : [
- fileOrFiles
- ]).filter((file)=>!this.config.applyAccept || isAcceptableFile(file, input.accept)).slice(0, input.multiple ? undefined : 1);
- const fileDialog = ()=>{
- var _input_files;
- // do not fire an input event if the file selection does not change
- if (files.length === ((_input_files = input.files) === null || _input_files === undefined ? undefined : _input_files.length) && files.every((f, i)=>{
- var _input_files;
- return f === ((_input_files = input.files) === null || _input_files === undefined ? undefined : _input_files.item(i));
- })) {
- return;
- }
- setFiles(input, createFileList(getWindow(element), files));
- this.dispatchUIEvent(input, 'input');
- this.dispatchUIEvent(input, 'change');
- };
- input.addEventListener('fileDialog', fileDialog);
- await this.click(element);
- input.removeEventListener('fileDialog', fileDialog);
- }
- // When matching files, browsers ignore case and consider jpeg/jpg interchangeable.
- function normalize(nameOrType) {
- return nameOrType.toLowerCase().replace(/(\.|\/)jpg\b/g, '$1jpeg');
- }
- function isAcceptableFile(file, accept) {
- if (!accept) {
- return true;
- }
- const wildcards = [
- 'audio/*',
- 'image/*',
- 'video/*'
- ];
- return normalize(accept).trim().split(/\s*,\s*/).some((acceptToken)=>{
- // tokens starting with a dot represent a file extension
- if (acceptToken.startsWith('.')) {
- return normalize(file.name).endsWith(acceptToken);
- } else if (wildcards.includes(acceptToken)) {
- return normalize(file.type).startsWith(acceptToken.replace('*', ''));
- }
- return normalize(file.type) === acceptToken;
- });
- }
- export { upload };
|