Datu validācija ir jebkuras tīmekļa lietojumprogrammas būtiska sastāvdaļa, jo tā palīdz nodrošināt, ka augšupielādētie dati atbilst noteiktām izstrādātāju izvirzītajām prasībām. Datus var pārbaudīt gan serverī, gan klienta pusē, taču klienta puses validācija bieži ietaupa lietotāju laiku un nodrošina patīkamāku un vienmērīgāku lietotāja pieredzi. Klienta puses datu validāciju var veikt viegli un patērē daudz mazāk laika.
Šajā rokasgrāmatā mēs apskatīsim veidlapas izveides procesu, izmantojot HTML, JavaScript/jQuery, kas apstiprina faila izmēru, kad tas tiek augšupielādēts. Šīs pārbaudes priekšrocības ir tādas, ka mēs varam ierobežot lietotājus augšupielādēt tikai noteikta lieluma failus un nodrošināt, ka tie stingri ievēro mūsu prasības. Ja failam ir nepareizs izmērs, mēs varam nosūtīt lietotājam ziņojumu, neaugšupielādējot failu serverī, tādējādi ietaupot dārgo laiku.
Izveidot tīmekļa lapu
Pirmkārt, mēs izveidosim vienkāršu HTML tīmekļa lapu:
DOCTYPE html >
< html >
< galvu >
< virsraksts >
Validācija failu Izmērs kamēr augšupielāde, izmantojot JavaScript / jQuery
virsraksts >
galvu >
< ķermenis stils = 'padding-top: 10px; text-align:center;' >
< lpp > Augšupielādēt a failu lpp >
< ievade id = 'fails' veids = 'fails' stils = 'padding-left: 95px;' />
< br >< br >
< pogu onclick = 'sizeValidation()' > Augšupielādēt pogu >
ķermenis >
html >
Kodeksa izpratne:
Tīmekļa lapas pamattekstā mēs vienkārši izmantojām a ,
un a
The
Definējiet JavaScript sizeValidation() funkciju
Tagad rakstīsim JavaScript kodu, kas definē sizeValidation() funkciju.
< skripts >
funkciju izmērsValidācija ( ) {
var ievade = document.getElementById ( 'fails' ) ;
bija failu = ievade.faili;
ja ( file.length== 0 ) {
brīdinājums ( 'Nav izvēlēts fails' ) ;
atgriezties viltus ;
}
var fileSize = Math.round ( ( failu [ 0 ] .Izmērs / 1024 ) ) ;
ja ( faila lielums < = 5 * 1024 ) {
brīdinājums ( 'Augšupielādēts' ) ;
} cits {
brīdinājums (
'Kļūda! Fails ir pārāk liels' ) ;
}
}
skripts >
Kodeksa izpratne:
Korpusa iekšpusē sizeValidation() funkciju mēs vispirms iegūstam tagu un pēc tam izmantojam var fails = inputElement.files; līniju, lai mēs varētu piekļūt augšupielādējamajam failam. Pēc tam mēs pārbaudām, vai fails ir augšupielādēts, ja nē, mēs parādīsim kļūdas ziņojumu un izejam no funkcijas, atgriežot false.
Pēc tam mēs izmantojam matemātiku, lai noteiktu faila lielumu. Ja fails ir atbilstoša izmēra, t.i., 5 MB (šajā gadījumā), tas tiek augšupielādēts.
Pretējā gadījumā tiek parādīts uznirstošais logs ar kļūdas ziņojumu.
Secinājums
Lai gan klienta puses validācija ir daudz efektīvāka, tā joprojām neaizstāj servera puses validāciju un vairumā gadījumu to var apiet. Vienmēr ir labākā prakse ieviest gan servera, gan klienta puses validāciju, lai jūs varētu nodrošināt gan savas lietojumprogrammas efektivitāti, gan precizitāti.