{"repo":"MADEVAL/Oat-Upload","free":true,"listed":false,"github":"https://github.com/MADEVAL/Oat-Upload","clone":"git clone https://github.com/MADEVAL/Oat-Upload.git","description":"Lightweight upload extension for Oat UI","language":"JavaScript","stars":40,"topics":["css","dropzone","framework","oat-ui","ui-components","web-development"],"license":"MIT","category":"ui-components","readme_excerpt":"Oat Upload Dropzone, file previews, validation, removal, and progress for native in Oat UI. Oat Upload is a small, zero-runtime-dependency extension for Oat. It keeps the native file input as the source of truth and adds progressive behavior around it: - drag and drop over a semantic file input - image and file previews - remove selected files before submit - size, type, and count validation - progress via native - form-friendly file syncing where the browser supports DataTransfer - events for app code: ot-upload-change and ot-upload-error Without JavaScript, users still get a regular . With JavaScript, builds the richer upload surface. Install With npm: From a CDN: Basic Usage That is enough. Oat Upload creates the dropzone, preview list, status output, and progress element. Custom Markup Use data-upload- parts when you want to control the HTML. Validation Validation reads from the native input first, then from attributes. Attribute Element Description --------- ------- ----------- accept input , ot-upload Comma-separated extensions or MIME types. Supports image/ . max-size ot-upload Max bytes per file. max-files ot-upload Max accepted files. multiple input Allows more than one file. Without it, new selection replaces the previous file. disabled input , ot-upload Disables drop and picker behavior. Rejected files trigger ot-upload-error and are not added to the selected list. Progress Use the native progress element generated by the component or provide your own with data-upl","default_branch":null,"files":null,"tree":[],"storefront":"/r/MADEVAL","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/MADEVAL/Oat-Upload/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}