upload.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. import { isElementType } from '../utils/misc/isElementType.js';
  2. import { createFileList } from '../utils/dataTransfer/FileList.js';
  3. import '../utils/dataTransfer/Clipboard.js';
  4. import { setFiles } from '../utils/edit/setFiles.js';
  5. import { isDisabled } from '../utils/misc/isDisabled.js';
  6. import { getWindow } from '../utils/misc/getWindow.js';
  7. async function upload(element, fileOrFiles) {
  8. const input = isElementType(element, 'label') ? element.control : element;
  9. if (!input || !isElementType(input, 'input', {
  10. type: 'file'
  11. })) {
  12. throw new TypeError(`The ${input === element ? 'given' : 'associated'} ${input === null || input === undefined ? undefined : input.tagName} element does not accept file uploads`);
  13. }
  14. if (isDisabled(element)) return;
  15. const files = (Array.isArray(fileOrFiles) ? fileOrFiles : [
  16. fileOrFiles
  17. ]).filter((file)=>!this.config.applyAccept || isAcceptableFile(file, input.accept)).slice(0, input.multiple ? undefined : 1);
  18. const fileDialog = ()=>{
  19. var _input_files;
  20. // do not fire an input event if the file selection does not change
  21. if (files.length === ((_input_files = input.files) === null || _input_files === undefined ? undefined : _input_files.length) && files.every((f, i)=>{
  22. var _input_files;
  23. return f === ((_input_files = input.files) === null || _input_files === undefined ? undefined : _input_files.item(i));
  24. })) {
  25. return;
  26. }
  27. setFiles(input, createFileList(getWindow(element), files));
  28. this.dispatchUIEvent(input, 'input');
  29. this.dispatchUIEvent(input, 'change');
  30. };
  31. input.addEventListener('fileDialog', fileDialog);
  32. await this.click(element);
  33. input.removeEventListener('fileDialog', fileDialog);
  34. }
  35. // When matching files, browsers ignore case and consider jpeg/jpg interchangeable.
  36. function normalize(nameOrType) {
  37. return nameOrType.toLowerCase().replace(/(\.|\/)jpg\b/g, '$1jpeg');
  38. }
  39. function isAcceptableFile(file, accept) {
  40. if (!accept) {
  41. return true;
  42. }
  43. const wildcards = [
  44. 'audio/*',
  45. 'image/*',
  46. 'video/*'
  47. ];
  48. return normalize(accept).trim().split(/\s*,\s*/).some((acceptToken)=>{
  49. // tokens starting with a dot represent a file extension
  50. if (acceptToken.startsWith('.')) {
  51. return normalize(file.name).endsWith(acceptToken);
  52. } else if (wildcards.includes(acceptToken)) {
  53. return normalize(file.type).startsWith(acceptToken.replace('*', ''));
  54. }
  55. return normalize(file.type) === acceptToken;
  56. });
  57. }
  58. export { upload };