জাভাস্ক্রিপ্ট / jQuery ব্যবহার করে আপলোড করার সময় ফাইলের আকারের বৈধতা

Jabhaskripta / Jquery Byabahara Kare Apaloda Karara Samaya Pha Ilera Akarera Baidhata



ডেটা যাচাইকরণ যে কোনও ওয়েব অ্যাপ্লিকেশনের একটি অপরিহার্য অংশ কারণ এটি নিশ্চিত করতে সহায়তা করে যে আপলোড করা ডেটা বিকাশকারীদের দ্বারা আরোপিত নির্দিষ্ট প্রয়োজনীয়তার সাথে খাপ খায়। ডেটা সার্ভার এবং ক্লায়েন্ট উভয় দিকেই যাচাই করা যেতে পারে তবে ক্লায়েন্ট-সাইড বৈধতা প্রায়শই ব্যবহারকারীদের সময় বাঁচায় এবং আরও সুন্দর, মসৃণ ব্যবহারকারীর অভিজ্ঞতা প্রমাণ করে। ক্লায়েন্ট-সাইড ডেটা যাচাইকরণ সহজে করা যায় এবং অনেক কম সময় লাগে।

এই কিভাবে করতে হবে নির্দেশিকাতে আমরা HTML, JavaScript/jQuery ব্যবহার করে একটি ফর্ম তৈরি করার প্রক্রিয়ার মধ্য দিয়ে যাব যা আপলোড করা আকারের ফাইলটিকে যাচাই করে। এই বৈধতার সুবিধা হল যে আমরা ব্যবহারকারীদের শুধুমাত্র একটি নির্দিষ্ট আকারের ফাইল আপলোড করতে সীমাবদ্ধ করতে পারি এবং নিশ্চিত করতে পারি যে তারা আমাদের প্রয়োজনীয়তাগুলি কঠোরভাবে অনুসরণ করে। ফাইলটি ভুল আকারের হলে, আমরা সার্ভারে ফাইল আপলোড না করে ব্যবহারকারীকে একটি বার্তা প্রম্পট করতে পারি যা মূল্যবান সময় বাঁচায়।







ওয়েবপেজ তৈরি করুন

প্রথমে, আমরা একটি সাধারণ HTML ওয়েবপেজ তৈরি করব:



DOCTYPE html >
< html >
< মাথা >
< শিরোনাম >
এর বৈধতা ফাইল আকার যখন জাভাস্ক্রিপ্ট ব্যবহার করে আপলোড করা হচ্ছে / jQuery
শিরোনাম >
মাথা >
< শরীর শৈলী = 'প্যাডিং-টপ: 10px; পাঠ্য-সারিবদ্ধ: কেন্দ্র;' >


< পি > আপলোড a ফাইল পি >
< ইনপুট আইডি = 'ফাইল' টাইপ = 'ফাইল' শৈলী = 'প্যাডিং-বাম: 95px;' />
< br < br >

< বোতাম অনক্লিক = 'size Validation()' > আপলোড করুন বোতাম >

শরীর >
html >



কোড বোঝা:



ওয়েবপেজের মূল অংশে, আমরা কেবল একটি ব্যবহার করেছি

, <ইনপুট> ,
এবং ক <বোতাম> ট্যাগ দ্য <ইনপুট> ট্যাগ ব্যবহার করা হয় যাতে ব্যবহারকারী একটি ফাইল চয়ন করতে পারে এবং তারপরে এটি ব্যবহার করে প্রদর্শিত বোতামটি ব্যবহার করে আপলোড করতে পারে <বোতাম> ট্যাগ





দ্য <বোতাম> ট্যাগ কল আকার যাচাইকরণ() ক্লিক ইভেন্টে ফাংশন যা তারপর ফাইলের আকার নির্ধারণ করে এবং ফাইলের আকারের উপর নির্ভর করে একটি উপযুক্ত সতর্কতা প্রিন্ট করে।

JavaScript sizeValidation() ফাংশন সংজ্ঞায়িত করুন

এখন জাভাস্ক্রিপ্ট কোড লিখি যা সংজ্ঞায়িত করে আকার যাচাইকরণ() ফাংশন



< লিপি >

ফাংশন আকার যাচাইকরণ ( ) {
var ইনপুট = document.getElementById ( 'ফাইল' ) ;
ছিল ফাইল = input.files;
যদি ( file.length== 0 ) {
সতর্ক ( 'কোনো ফাইল পছন্দ করা হইনি' ) ;
ফিরে মিথ্যা ;
}


var fileSize = Math.round ( ( ফাইল [ 0 ] আকার / 1024 ) ) ;

যদি ( ফাইলের আকার < = 5 * 1024 ) {
সতর্ক ( 'আপলোড করা হয়েছে' ) ;
} অন্য {
সতর্ক (
'ত্রুটি! ফাইল খুব বড়' ) ;
}
}

লিপি >


কোড বোঝা:

শরীরের ভিতরে আকার যাচাইকরণ() ফাংশনে আমরা প্রথমে ট্যাগ পাই এবং তারপর ব্যবহার করি var ফাইল = inputElement.files; লাইন যাতে আমরা আপলোড করা ফাইলটিতে অ্যাক্সেস পেতে পারি। তারপরে আমরা একটি ফাইল আপলোড করা হয়েছে কিনা তা পরীক্ষা করি, যদি না হয়, আমরা একটি ত্রুটি বার্তা প্রম্পট করব এবং মিথ্যা রিটার্ন করে ফাংশন থেকে বেরিয়ে যাব।


তারপর ফাইলের আকার নির্ধারণ করতে আমরা কিছু গণিত ব্যবহার করি। যদি ফাইলটি উপযুক্ত আকারের হয় যেমন, 5MB (এই ক্ষেত্রে), এটি আপলোড করা হয়।


অন্যথায়, একটি ত্রুটি বার্তা ধারণকারী একটি পপ-আপ প্রদর্শিত হবে।

উপসংহার

যদিও ক্লায়েন্ট-সাইড বৈধকরণ অনেক বেশি কার্যকর, এটি এখনও সার্ভার-সাইড বৈধতার বিকল্প নয় এবং বেশিরভাগ ক্ষেত্রেই এটিকে ঠেকানো যেতে পারে। সার্ভার এবং ক্লায়েন্ট-সাইড বৈধতা উভয়ই প্রয়োগ করা সর্বদা একটি সর্বোত্তম অনুশীলন যাতে আপনি আপনার অ্যাপ্লিকেশনের দক্ষতা এবং নির্ভুলতা উভয়ই নিশ্চিত করতে পারেন।