Hopp til innhold

File­Input

Filinput lar brukeren dele filer med oss, for eksempel dokumentasjon i en sak.

Flyt

Opplasting av filer skjer i to trinn:

  1. Brukeren velger filer, enten med ved å dra de inn i slippfeltet, eller med filutforskeren som er innebygget i nettlesseren.
  2. En handling fra brukeren starter selve opplastingen av filer.

Komponenten tar seg av punkt 1. Å starte selve opplastingen er opp til deg, men det finnes en upload-funksjon du kan importere for å få hjelp med å sende filene til backend og beregne fremdriften.

Hjelp brukeren finne riktig fil

Ofte ønsker vi at brukeren skal kunne dele bilder og PDF.

Komponenten bør konfigureres slik at kun filer av ønsket type kan markeres i filvelgeren.

Merk at dette ikke vil hindre en bruker i å dra en vilkårlig fil inn i slippfeltet i komponenten. Hvis dette skjer vil komponenten automatisk merke filen med valideringsfeil.

Filvelgeren på macOS. I dette tilfellet kan ikke det komprimerte arkivet velges.

Visning av filer brukeren har lastet opp tidligere

Bruk gjerne samme komponent til forhåndsvisning av filer på siden for øvrig, som i filopplasteren.

Forhåndsvisning av fil
Visning
Tema
Tetthet

Gitt en URL vil komponenten rendres som en lenke, slik at brukeren kan klikke seg videre til å se selve filen i en ny fane.