জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম 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 সিলেক্টেড ফাইলের অবস্থান বা নাম রিটার্ন করে।

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন