Egnet til:

• tilfeller der bruker skal kunne legge ved filer som dokumentasjon eller som datakilde.

Teknisk dokumentasjon

• Se FileUploader i Storybook for tekniske detaljer. 

Hvordan bruke komponenten  

Det er nyttig å tenke i form av «økter» når filer skal lastes opp. Med økter mener vi den handlingen brukeren gjør når hen legger til én eller flere filer – i én og samme operasjon.

Brukeren kan legge til filer både ved hjelp av filvelger og dra og slipp i en økt. 

Vis feilmelding hvis økten ikke kan starte

Opplastningen kan ikke starte hvis for eksempel brukeren glemmer å legge til fil, hvis kravene til filtype ikke er oppfylt eller hvis brukeren legger til for mange. Da settes filopplasteren i feiltilstand og viser en passende feilmelding.

Forklar at spinner laster

Det er nyttig å vise brukeren at systemet aktivt holder på å arbeide, enten om det gjelder å laste en stor fil eller at systemet analyserer eller sikrer innholdet i filene. Bruk en spinner og beskriv at den laster i filopplasterfeltet så lenge økten pågår. 

Varsel når opplasting går bra

Filene markeres med grønn hake etterhvert som opplasting av filene går bra. Når økten er ferdig vises en Alert med oppsummering av antallet filer som ble lastet og at opplasting var vellykket. 

Når opplastingen feiler

Hvis opplasting av én eller flere filer feiler settes økten i feiltilstand. Da vises en Alert som forklarer hva som har gått feil, og hvilke filer det gjelder. Hvis brukeren laster opp en ny fil for å rette opp feilen, forsvinner da den opprinnelige Alerten for den forrige økten. 

Bruk to filopplastere ved sammensatte krav til filtyper

Hvis du har sammensatte krav, for eksempel at brukeren skal laste opp nøyaktig to filer i forskjellig format, anbefaler vi at du bruker to separate filopplastere.

Universell utforming  

• Skjermleser skal lese om en økt feiler eller går bra. Når du sletter en fil, skal skjermleser også gi en bekreftelse på dette.