KOMPONENTER

File upload

npmv0.3.23

FileUpload en komponent for å ta imot filer fra brukeren.

Kontrast

Dra fil eller klikk for å laste opp

Komponenter

FileUpload

Navn	Type	Default-verdi	Beskrivelse
`accept`	`string \| string[]`		Hvilken filtyper som skal aksepteres
`minSize`	`number`		Minste filstørrelse
`maxSize`	`number`		Største filstørrelse
`preventDropOnDocument`	`any`
`noClick`	`any`
`noKeyboard`	`any`
`noDrag`	`any`
`noDragEventsBubbling`	`any`
`disabled`	`any`
`onDrop`	`(<T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void) \| (<T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void)`		Callback for når en fil legges til
`onDropAccepted`	`any`
`onDropRejected`	`any`
`getFilesFromEvent`	`any`
`onFileDialogCancel`	`any`
`successText`	`string`	`Opplasting fullført`	Tekst som vises ved fullført opplasting
`errorText`	`string`	`Feil ved opplasting av fil`	Tekst som vises om opplasting feilet
`standbyText`	`string`	`Dra fil eller klikk for å laste opp`	Tekst som vises før man laster opp noe
`errorUpload`	`boolean`	`false`	Boolean for hvis opplastingen feiler.
`onDelete`	`(file: File) => void`	`file => console.log(file)`	Callback for når en fil slettes fra lista
`files`	`File[]`	`[]`	Filene som er aktive i komponenten
`label`	`string`		Beskrivende tekst som forklarer feltet

Bygger på react-dropzone, og vil spre props for den. Les mer om disse her: https://react-dropzone.js.org/#src

Komponenten har ingen validering eller forkasting av potensielt skadelige filer. Dette er noe brukeren selv må stå for. Dette kan forenkles litt ved å bruke accept propen, som begrenser hvilke filtyper som vil aksepteres.

Les mer på OWASP-artikkelen om filopplasting.