@solid-primitives/upload
v0.1.3TypeScript
Primitives for uploading files.
0/weekUpdated 7 months agoMITUnpacked: 16.8 KB
Published by Rustam Ashurmatov
npm install @solid-primitives/upload
@solid-primitives/upload
Primitive to make uploading files and making dropzones easier.
Installation
``bash`
npm install @solid-primitives/uploador
yarn add @solid-primitives/upload
How to use it
$3
`ts
// single files
const { files, selectFiles } = createFileUploader();
selectFiles([file] => console.log(file));
// multiple files
const { files, selectFiles } = createFileUploader({ multiple: true, accept: "image/*" });
selectFiles(files => files.forEach(file => console.log(file)));
`
$3
`ts
const [files, setFiles] = createSignal
multiple
use:fileUploader={{
userCallback: fs => fs.forEach(f => console.log(f)),
setFiles,
}}
/>;
`
$3
`html
style={{ width: "100px", height: "100px", background: "red" }}>
Dropzone
`
ts
const { setRef: dropzoneRef, files: droppedFiles } = createDropzone({
onDrop: async files => {
await doStuff(2);
files.forEach(f => console.log(f));
},
onDragStart: files => files.forEach(f => console.log(f)),
onDragOver: files => console.log("drag over"),
});
``Demo
Working example: https://primitives.solidjs.community/playground/upload
Source code: https://github.com/solidjs-community/solid-primitives/blob/main/packages/upload/dev/index.tsx
Changelog
See CHANGELOG.md