HTML DOM ইনপুট ফাইল আপলোড অবজেক্ট

HTML DOM ইনপুট FileUpload অবজেক্ট একটি HTML ডকুমেন্টের type=”file” সহ

আসুন দেখি কিভাবে ইনপুট ফাইল আপলোড অবজেক্ট −

তৈরি করতে হয়

সিনট্যাক্স

নিচের সিনট্যাক্স −

var fileUploadBtn = document.createElement(“INPUT”);
fileUploadBtn.setAttribute(“type”,”file”);

সম্পত্তি

HTML DOM ইনপুট ফাইল আপলোড অবজেক্ট -

এর বৈশিষ্ট্যগুলি নিম্নরূপ

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

উদাহরণ

আসুন HTML DOM ইনপুট ফাইল আপলোড অবজেক্ট -

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
   }
   .btn{
      background-color:lightblue;
      border:none;
      height:2rem;
      border-radius:50px;
      width:60%;
      margin:1rem auto;
      display:block;
   }
</style>
</head>
<body>
<h1>DOM Fileupload Object Example</h1>
<button onclick="createFileBtn()" class="btn">Click me to create an input file upload button</button>
<script>
   function createFileBtn() {
      var fileUploadBtn = document.createElement("INPUT");
      fileUploadBtn.setAttribute("type", "file");
      document.body.appendChild(fileUploadBtn);
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট ফাইল আপলোড অবজেক্ট

“নীল-এ ক্লিক করুন একটি ফাইল আপলোড বোতাম তৈরি করতে ” বোতাম৷

৷

HTML DOM ইনপুট ফাইল আপলোড অবজেক্ট