upload.js 2.7 KB

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