Hvordan laste opp flere filer via Ajax - Filadministrasjon
Da jeg først begynte å bruke Vuejs, var det et mareritt å finne en anstendig tutorial om hvordan du laster opp en enkelt fil ved hjelp av Ajax, enn si en tutorial som forklarer hvordan du administrerer flere filer.
Jeg har hatt et par år med filhåndtering, for det meste ved hjelp av Vuejs og Laravel, så jeg tenkte å skrive en tutorial som dette kan hjelpe mange utviklere med å implementere noe av det kuleste i applikasjoner, som er sanntids kapitalforvaltning.
For det første vil du finne mange løsninger på nettet som er gode, men de som er tidlige nybegynnere vil definitivt slite.
Det jeg vil dekke her er å skrive frontend og backend -kode som lar deg laste opp flere filer. I tillegg vil jeg gi deg noen få triks for hvordan du bruker disse tingene på forskjellige situasjoner.
Denne artikkelen vil introdusere en grunnleggende evne til å passere flere filer fra brukergrensesnittet til din backend. Når du har bestått vedleggene, vil de automatisk bli opplastetfilobjekt i PHP som er beskrevet i Laravel -dokumentasjon.
Du kan sjekke mitt komplette Laravel -prosjekt på https: // github.com/asabanovic/fil-management-vuejs
Jeg har presset koden min til GitHub.
Last ned den, kjør den, spill med den.
Hvis du har kommet opp til dette punktet i artikkelen, kan du klappe og kommentere hvis du vil se nye oppfølgere av artikkelen, for eksempel:
1. Riktig lagring av filer på disk og database
2. Bygge et databibliotek (trekker allerede lagrede vedlegg før du laster opp nye)
3. Evne til å slette gamle og nye vedlegg
4. Å skille vedlegg mellom forskjellige brukere, slik at du bare kan se de opplastede filene dine
5. Sette opp filstørrelsesbegrensninger per bruker
6. Begrensende for spesifikke filformater
7. Last opp og forhåndsvisning av bilder
8. Og mer…
Ikke glem å klone din github https: // github.com/asabanovic/fil-management-vuejs !