➜ READ AND LOAD FILE IN UI:
File loader system: it is an expansion of the system. Precisely a logical superstructure ui/js of button-files with drag and drop and file reader. Its purpose is to upload files to ui before uploading. The uploaded files are returned in object form and ready to pieces. [ you can find and check all formats by this resouce ]
❯❯ button-file & fileloader:
An important concept... button-file and the fileloader are not the same.
Button file is Ui button, so it's a preset of input type files. The fileloader is a javascript object with a preset structures and readers. The cannot be applied directly to the button but uses it for its own purposes.
The Ui restandardized input file:
button-file
This button can be accepted all standard paramenters of input type file. It's check it and return if is all in line or not.
Now, we can study the overstructure for button-file... the fileloader.
❯❯ file/fileloader type:single (one file on preset)
This single file structure is highly editable and usable for profile pictures, covers, more ...
classic with different layout:
classic ratio
classic ratio and clear
file/fileloader multiple
This is a series of multiple files load structure with drag and drop, display types, actions and more ...type:listed, and more..
type:grid, and more...
type:wall, and more...
(Attention: if you print on html a big file you risk crashing -much better to just use the log-
where is the file data?You can directly retrieve alla data of file by browsing the loaderslist: ui.loaderslist.data[THE-INDEX-OF-FILE-LOADER].datalist.filedata (filedata,blob,chunks,mime,name,size,typed)
PRINT DATA PRINT LOG