అప్‌లోడ్ చేయబడిన డేటా డెవలపర్‌లు విధించిన నిర్దిష్ట అవసరాలకు సరిపోయేలా చూసుకోవడంలో డేటా ధ్రువీకరణ అనేది ఏదైనా వెబ్ అప్లికేషన్‌లో ముఖ్యమైన భాగం. సర్వర్ మరియు క్లయింట్ వైపు డేటా ధృవీకరించబడుతుంది కానీ క్లయింట్ వైపు ధ్రువీకరణ తరచుగా వినియోగదారుల సమయాన్ని ఆదా చేస్తుంది మరియు చక్కని, సున్నితమైన వినియోగదారు అనుభవాన్ని రుజువు చేస్తుంది. క్లయింట్ వైపు డేటా ధ్రువీకరణ సులభంగా చేయబడుతుంది మరియు చాలా తక్కువ సమయాన్ని వినియోగిస్తుంది.
ఈ హౌ-టు-డూ-గైడ్‌లో, మేము HTML, జావాస్క్రిప్ట్/j క్వెరీని ఉపయోగించి ఫారమ్‌ను సృష్టించే ప్రక్రియ ద్వారా వెళ్తాము, ఇది ఫైల్‌ను అప్‌లోడ్ చేస్తున్నప్పుడు దాన్ని ధృవీకరిస్తుంది. ఈ ధ్రువీకరణ యొక్క ప్రయోజనం ఏమిటంటే, మేము వినియోగదారులను నిర్దిష్ట పరిమాణంలోని ఫైల్‌లను మాత్రమే అప్‌లోడ్ చేయడాన్ని పరిమితం చేయవచ్చు మరియు వారు మా అవసరాలను ఖచ్చితంగా పాటిస్తున్నారని నిర్ధారించుకోండి. ఫైల్ తప్పు పరిమాణంలో ఉన్నట్లయితే, విలువైన సమయాన్ని ఆదా చేసే ఫైల్‌ను సర్వర్‌కు అప్‌లోడ్ చేయకుండా వినియోగదారుకు సందేశాన్ని ప్రాంప్ట్ చేయవచ్చు.
వెబ్‌పేజీని సృష్టించండి
ముందుగా, మేము ఒక సాధారణ HTML వెబ్‌పేజీని సృష్టిస్తాము:
DOCTYPE html >
< html >
< తల >
< శీర్షిక >
యొక్క ధృవీకరణ ఫైల్ పరిమాణం అయితే జావాస్క్రిప్ట్ ఉపయోగించి అప్‌లోడ్ చేస్తోంది / j క్వెరీ
శీర్షిక >
తల >
< శరీరం శైలి = 'padding-top: 10px; text-align:center;' >
< p > అప్‌లోడ్ ఎ ఫైల్ p >
< ఇన్పుట్ id = 'ఫైల్' రకం = 'ఫైల్' శైలి = 'పాడింగ్-ఎడమ: 95px;' />
< br >< br >
< బటన్ క్లిక్ చేయండి = 'పరిమాణ ధ్రువీకరణ()' > అప్‌లోడ్ చేయండి బటన్ >
శరీరం >
html >
కోడ్‌ను అర్థం చేసుకోవడం:
వెబ్‌పేజీ యొక్క బాడీలో, మేము కేవలం a ని ఉపయోగించాము , <ఇన్పుట్> ,
మరియు ఎ <బటన్> ట్యాగ్. ది <ఇన్పుట్> ట్యాగ్ ఉపయోగించబడుతుంది కాబట్టి వినియోగదారు ఫైల్‌ను ఎంచుకుని, ఆపై దాన్ని ఉపయోగించి ప్రదర్శించబడే బటన్‌ను ఉపయోగించి అప్‌లోడ్ చేయవచ్చు <బటన్> ట్యాగ్.
ది <బటన్> ట్యాగ్ కాల్ చేస్తుంది పరిమాణం ధ్రువీకరణ() క్లిక్ ఈవెంట్‌పై ఫంక్షన్ ఫైల్ పరిమాణాన్ని నిర్ణయిస్తుంది మరియు ఫైల్ పరిమాణాన్ని బట్టి తగిన హెచ్చరికను ప్రింట్ చేస్తుంది.
జావాస్క్రిప్ట్ పరిమాణాన్ని నిర్వచించండి ధ్రువీకరణ() ఫంక్షన్
ఇప్పుడు నిర్వచించే జావాస్క్రిప్ట్ కోడ్‌ని వ్రాద్దాం పరిమాణం ధ్రువీకరణ() ఫంక్షన్.
< స్క్రిప్ట్ >
ఫంక్షన్ పరిమాణం ధ్రువీకరణ ( ) {
var input = document.getElementById ( 'ఫైల్' ) ;
ఉంది ఫైల్ = input.files;
ఉంటే ( file.length== 0 ) {
అప్రమత్తం ( 'ఫైల్ ఎంపిక చెయ్యలేదు' ) ;
తిరిగి తప్పుడు ;
}
var fileSize = Math.round ( ( ఫైల్ [ 0 ] .పరిమాణం / 1024 ) ) ;
ఉంటే ( ఫైల్ పరిమాణం < = 5 * 1024 ) {
అప్రమత్తం ( 'అప్‌లోడ్ చేయబడింది' ) ;
} లేకపోతే {
అప్రమత్తం (
'లోపం! ఫైల్ చాలా పెద్దది' ) ;
}
}
స్క్రిప్ట్ >
కోడ్‌ను అర్థం చేసుకోవడం:
యొక్క శరీరం లోపల పరిమాణం ధ్రువీకరణ() ఫంక్షన్ మేము మొదట ట్యాగ్‌ని పొందుతాము మరియు ఆపై దాన్ని ఉపయోగిస్తాము var ఫైల్ = inputElement.files; లైన్ కాబట్టి మనం అప్‌లోడ్ చేస్తున్న ఫైల్‌కి యాక్సెస్ పొందవచ్చు. అప్పుడు మేము ఫైల్ అప్‌లోడ్ చేయబడిందో లేదో తనిఖీ చేస్తాము, లేకపోతే, మేము దోష సందేశాన్ని ప్రాంప్ట్ చేస్తాము మరియు తప్పుని తిరిగి ఇవ్వడం ద్వారా ఫంక్షన్ నుండి బయటపడతాము.
మేము ఫైల్ పరిమాణాన్ని నిర్ణయించడానికి కొన్ని గణితాలను ఉపయోగిస్తాము. ఫైల్ తగిన పరిమాణంలో ఉంటే, అంటే, 5MB (ఈ సందర్భంలో), అది అప్‌లోడ్ చేయబడుతుంది.
లేకపోతే, దోష సందేశాన్ని కలిగి ఉన్న పాప్-అప్ ప్రదర్శించబడుతుంది.
ముగింపు
క్లయింట్ వైపు ధ్రువీకరణ చాలా సమర్థవంతంగా ఉన్నప్పటికీ, ఇది ఇప్పటికీ సర్వర్ వైపు ధ్రువీకరణకు ప్రత్యామ్నాయం కాదు మరియు చాలా సందర్భాలలో తప్పించుకోవచ్చు. సర్వర్ మరియు క్లయింట్ వైపు ధ్రువీకరణ రెండింటినీ అమలు చేయడం ఎల్లప్పుడూ ఉత్తమమైన పద్ధతి, తద్వారా మీరు మీ అప్లికేషన్ యొక్క సామర్థ్యం మరియు ఖచ్చితత్వం రెండింటినీ నిర్ధారించుకోవచ్చు.