Innholdsfortegnelse
Når vi har datainnsamlingsskjemaer på en side HTML5 Bortsett fra at vi kan ta data med felt av inndatatype, kan vi også laste opp filer, med dette kan vi øke hastigheten på innlasting av visse data som er umulige å uttrykke i tekst eller som kan være veldig lange tekster, det er vanlig å laste opp bilde filer eller pdf -filer, siden disse to formatene er veldig populære, men med Ajax vi kan laste opp nesten hvilken som helst filtype.Last opp filer
Til last opp filer med Ajax, må vi opprette et filtype -felt i et skjema og i vår rutine Ajax bruk et objekt FormData som vi vil samle inn dataene for å kunne gi dem det nødvendige formatet og laste opp filen vår til serveren.
Objektet FormData den må brukes med forsiktighet, siden det fortsatt kan være versjoner av nettlesere som ikke fullt ut støtter den, men det er en ganske solid løsning.
La oss se i følgende kode hvordan du gjør en grunnleggende filopplasting:
EksempelBananer:Epler:Kirsebær:Fil:Total:0 varerSend inn skjema
Når du tar med filtypen input, vil objektet FormData ordner automatisk slik at filen vår kan lastes opp til serveren, i bildet nedenfor kan vi se hvordan nettleseren tolker dette:
For å se fremgangen i stigningen skal vi bruke objektet XMLHttpRequest for å bekrefte statusen til forespørselen Ajax:
EksempelBananer:Epler:Kirsebær:Fil:Framgang:Total:0 varerSend inn skjema
Vi har definert et element framgang og med ham XMLHttpRequest -objekt Vi kan tilordne verdiene mens opplastingen skrider frem, i nettleseren kan vi se det slik:
FORSTØRRE
