| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| javascript:plugins:fileuploader [2020-04-13 16:36] – [fileuploader] admin | javascript:plugins:fileuploader [2023-10-26 20:08] (current) – external edit 127.0.0.1 |
|---|
| * ''f.init'': | * ''f.init'': |
| * set ''p'', language, merge options | * set ''p'', language, merge options |
| * ''**n.beforeRender**(parentEl p, inputEl s);'' //Callback fired before rendering the fileuploader elements, by returning false, you will prevent the rendering// | * ''**callback** n.beforeRender(parentEl p, inputEl s);'' //Callback fired before rendering the fileuploader elements, by returning false, you will prevent the rendering// |
| * ''f.redesign();'' | * ''f.redesign();'' |
| * //set theme, set new input html, hide standard input// | * //set theme, set new input html, hide standard input// |
| * ''f.thumbnails.create();'' //create thumbnails list// | * ''f.thumbnails.create();'' //create thumbnails list// |
| * ''**n.thumbnails.beforeShow**(parentEl p, newInputEl o, inputEl s);'' //Callback fired before adding the list element// | * ''**callback** n.thumbnails.beforeShow(parentEl p, newInputEl o, inputEl s);'' //Callback fired before adding the list element// |
| * //create box ''(n.thumbnails.box)''// | * //create box ''(n.thumbnails.box)''// |
| * //bind item popup, start, retry, rotate, remove/cancel methods to the selector ''n.thumbnails._selectors.popup_open'', ''.start'', ''.retry'', ''.rotate'', ''.remove'' // | * //bind item popup, start, retry, rotate, remove/cancel methods to the selector ''n.thumbnails._selectors.popup_open'', ''.start'', ''.retry'', ''.rotate'', ''.remove'' // |
| * //set drag&drop container// | * //set drag&drop container// |
| * '' if (n.files) { f.files.append(n.files); }'' //append files from options (see [[#preloading|pre-loading files]])// | * '' if (n.files) { f.files.append(n.files); }'' //append files from options (see [[#preloading|pre-loading files]])// |
| * ''n.afterRender(listEl l, parentEl p, newInputEl o, inputEl s);'' //Callback fired after rendering the fileuploader elements// | * ''**callback** n.afterRender(listEl l, parentEl p, newInputEl o, inputEl s);'' //Callback fired after rendering the fileuploader elements// |
| * ''**fotos.js**.afterRender'': | * ''**fotos.js**.afterRender'': |
| * bind ''click'' to ''.fileuploader-input'' --> ''api.open()'' | * bind ''click'' to ''.fileuploader-input'' --> ''api.open()'' |
| * ''api.reset();'' = ''f.reset'' (see above) | * ''api.reset();'' = ''f.reset'' (see above) |
| * ''api.append(preload)'' //(nop if no files in album yet)// | * ''api.append(preload)'' //(nop if no files in album yet)// |
| - click ''.fileuploader-input'' --> ''api.open();'' --> ''s.trigger('click');'' --> f.onEvent('click') --> nop; | - click ''.fileuploader-input'' --> ''api.open();'' --> ''s.trigger('click');'' --> ''f.onEvent('click')'' --> nop; |
| * after selecting image: ''f.onEvent('change') --> f.onChange.call(this) [this=input.gallery_media] | * after selecting image: ''f.onEvent('change')'' --> ''f.onChange.call(this)'' [this=input.gallery_media] |
| * f.onChange | * ''f.onChange'' |
| | * ''**callback** n.beforeSelect(files, listEl l, parentEl p, newInputEl o, inputEl s)'' // Callback fired after selecting the files from computer but only before processing them; by returning false, you will prevent the processing of the files but they will remain in the input// |
| | * for each selected file { |
| | * ''item = f._itFl[f.files.add(file, 'choosed')]'' } |
| | * ''f.files.add'': see [[#filesAddData|below]] |
| | * creation of ''item'' |
| | * binding of ''item.remove'', ''item.editor.rotate'', ''item.editor.cropper'', ''item.editor.save'' |
| | * return ''index'' --> ''item = f._itFl[index]'' |
| | * ''status = f.files.check(item, files, i == 0)'' // ["type", "message", "do not show the warning message", "do not check the next files"] // |
| | * check ''n.limit'', ''n.maxSize'' |
| | * ''**callback** n.onFilesCheck(files, options n, listEl l, parentEl p, newInputEl o, inputEl s)'' //Callback fired on checking for warnings the chosen ("choosed") files; by returning false, you will prevent the files from adding/upload// |
| | * check ''n.extensions'', ''n.disallowedExtensions'', ''n.fileMaxSize'', //no remoteFile//, //no Folder// |
| | * ''f.thumbnails.item(item)'' |
| | * generate ''item.icon'' |
| | * ''item.html'' = ''textParse(n.thumbnails.item)'' |
| | * ''item.progressBar'' = ''item.html.find('.fileuploader-progressbar')'' |
| | * ''item.html.addClass('file-type-//format// file-ext-//extension//')'' //or ''file-type-no'' if no format; ''file-ext-no'' if no extension// |
| | * Append or Prepend ''item'' to l |
| | * add ''item.popup'' |
| | * ''f.thumbnails.renderThumbnail(item)'' (arglist: ''item, forceRender, src'') |
| | * Only create for ''['image', 'video', 'audio', 'astext']'' and ''item.appended || n.thumbnails.startImageRenderer || forceRender'' |
| | * ''f.files.read(item, function () { |
| | process(item.frame || (item.reader.node && item.reader.node.nodeName.toLowerCase() == 'img') ? item.reader.frame || item.reader.src : null, true); |
| | }, null, src, true);'' |
| | * ''item.reader = { _FileReader: reader, _callbacks: [], read: item.reader.read }'' |
| | * ''if (item.format == 'image' || hasThumb)'' |
| | * define ''reader.onload'' and ''reader.onerror'' |
| | * ''useFile == true'' --> ''reader.readAsDataURL(item.file)'' --> reader.onload() |
| | * ''reader.onload''://exif rotation// ''f._assets.getExifOrientation(item.file, function (orientation) { if (orientation) { item.reader.exifOrientation = orientation; } loadNode(); });'' |
| | * ''f._assets.getExifOrientation'': |
| | |
| ---- | ---- |
| |
| regions: [] | regions: [] |
| format: "image" | format: "image" |
| | </code> |
| | - ~~codedoc:xref:filesAddData~~ ''files.add() --> data'' |
| | * <code> |
| | data = { |
| | name: "IMG_20200301_150420 (1).jpg" |
| | title: "IMG_20200301_150420 (1)" |
| | size: 821856 |
| | size2: "803 KB" |
| | type: "image/jpeg" |
| | format: "image" |
| | extension: "jpg" |
| | data: {} |
| | file: File {name: "IMG_20200301_150420 (1).jpg", lastModified: 1586083807175, lastModifiedDate: Sun Apr 05 2020 12:50:07 GMT+0200 (Central European Summer Time), webkitRelativePath: "", size: 821856, …} |
| | reader: {read: ƒ} |
| | id: 1586790020907 |
| | input: w.fn.init [input.gallery_media] |
| | html: null |
| | choosed: true |
| | appended: false |
| | uploaded: false |
| | }; |
| </code> | </code> |
| |