Gå til hovedinnhold
KOMPONENTER

File upload

npmv0.3.105

FileUpload en komponent for å ta imot filer fra brukeren.

npm install @entur/fileupload
@import '@entur/fileupload/dist/styles.css';

Komponenter

FileUpload

import { FileUpload } from '@entur/fileupload';
NavnTypeDefault-verdiBeskrivelse
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)

Callback for når en fil slettes fra lista

filesFile[]

Filene som er aktive i komponenten

label?string

Beskrivende tekst som forklarer feltet

removeFileButtonDescription?string "Fjern fil"

Tekst som leses opp av skjermleser på søppelbøtte-ikonet

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.

Rediger denne siden på Bitbucket