File uploads (client side), to study

[sanjarcode]

Study, prepare reusable snippets related to file uploads (web/browsers)

Basics

• <input type="file" />, more attributes (like accept)
• Upload restrictions (cases) - folder, files only, single file, single entity, mime type, mime type "class" (like doc of any type), by size
• Browser interfaces - Form, FormData, FileList, File, Blob, Buffer, why do they use "generator" behavior instead of arrays, POJOfying stuff, why read only behavior, snippets
• multipart/formdata data Content-Type
• MIME types, setting/overriding type
• Trigger download from given link

Also libraries/frameworks/resources for snippets

Advanced:

• Show upload progress for large files
• Preview files, common libs/frameworks for interpreting/previewing common types - PDF, videos, audio, docs
• Custom upload restriction (bit level) - run common client side validations for malware
• Security issues

[sanjarcode]

Just a list of requirements, not the study plan

[sanjarcode]

A surprise in the browser File API. https://stackoverflow.com/a/42288675

I had a task which required the file type (MIME type) to be changed before upload - it felt very hard to do, turned out it's not trivially possible. Code: _volopay_privaterepo

https://en.wikipedia.org/wiki/Principle_of_least_astonishment :gun: :sweat:

[sanjarcode]

https://www.notion.so/sanjarcode/Web-API-File-Blob-preview-960ea157034346548f2123a8cca1a5e8?pvs=4

[sanjarcode]

Priority++, https://github.com/sanjar-notes/web_dev_fundamentals/issues/35

[sanjarcode]

https://jenkov.com/tutorials/html5/file-api.html

[sanjarcode]

MDN: Using FormData Objects, Sending and Receiving Binary Data