এইচটিএমএল ডোম Input FileUpload অবজেক্ট
Input FileUpload অবজেক্ট
Input FileUpload অবজেক্ট এইচটিএমএল <input> এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ file
Input FileUpload অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করতে পারেন যার টাইপ file
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("input");
a.setAttribute("type", "file");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
Input FileUpload অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <input> এলিমেন্টকে এক্সেস করতে পারেন যার টাইপ file
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<input type="file" id="test">
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.disabled = true;
}
</script>
</body>
</html>ফলাফল
পরামর্শঃ একটি ফর্মের এলিমেন্টের কালেকশনে সার্চ করে আপনি <input type="file"> কে এক্সেস করতে পারেনঃ
function myFunc() { var a = document.createElement("input"); a.setAttribute("type", "file"); document.body.appendChild(a); }Input FileUpload অবজেক্ট প্রোপার্টি
= এইচটিএমএল (৫) এ যেসকল প্রোপার্টি যুক্ত করা হয়েছে।
| প্রোপার্টি | বর্ণনা |
|---|---|
| accept | ফাইল আপলোড বাটনের accept এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| autofocus | পেজ লোড হলে ফাইল আপলোড বাটন সয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে। |
| defaultValue | ফাইল আপলোড বাটনের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে। |
| disabled | ফাইল আপলোড বাটন নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে। |
| files | FileList অবজেক্ট রিটার্ন করে যা ফাইল আপলোড বাটন দ্বারা সিলেক্টকৃত ফাইলকে উপস্থাপন করে। |
| form | ফাইল আপলোড বাটনসহ একটি ফর্মের রেফারেন্স রিটার্ন করে। |
| multiple | ইউজার ফাইল আপলোড ফিল্ডে একাধিক ফাইল দিতে পারবে কিনা তা সেট বা রিটার্ন করে। |
| name | ফাইল আপলোড বাটনের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| required | ফর্ম সাবমিটের পূর্বে অবশ্যই ফাইল আপলোড ফিল্ড হতে একটি ফাইল সিলেক্ট করতে হবে কিনা তা সেট বা রিটার্ন করে। |
| type | ফাইল আপলোড বাটনের টাইপ কি তা রিটার্ন করে। |
| value | সিলেক্টেড ফাইলের অবস্থান বা নাম রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |