HTML DOM ইনপুট ফাইল আপলোড সম্পত্তি গ্রহণ করে

HTML DOM ইনপুট ফাইল আপলোড স্বীকার সম্পত্তি একটি স্ট্রিং প্রদান করে, যা ফাইল আপলোডের গ্রহণ বৈশিষ্ট্যের মান। ব্যবহারকারী এটি একটি নতুন মান সেট করতে পারেন৷

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

রিটার্নিং স্ট্রিং মান

inputFileUploadObject.accept

একটি স্ট্রিং-এ মান বৈশিষ্ট্য সেট করা মান

inputFileUploadObject.accept = value

উদাহরণ

আসুন ইনপুট ফাইল আপলোড গ্রহন এর একটি উদাহরণ দেখি সম্পত্তি -

<!DOCTYPE html>
<html>
<head>
<title>Input FileUpload accept</title>  
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"]{
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>FileUpload-accept</legend>
<label for="FileSelect">Upload:
<input type="file" id="FileSelect">
</label><br>
<input type="button" onclick="fileAccept('Audio')" value="Audio">
<input type="button" onclick="fileAccept('Image')" value="Image"><br>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputFile = document.getElementById("FileSelect");
   divDisplay.textContent = 'All Files Accepted';
   function fileAccept(fileType) {
      if(fileType === 'Audio'){
         inputFile.accept = 'audio/*';
         divDisplay.textContent = 'Only '+inputFile.accept+' Files';
      } else {
         inputFile.accept = 'image/*';
         divDisplay.textContent = 'Only '+inputFile.accept+' Files';
      }
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

'অডিও' ক্লিক করার পর বোতাম -

HTML DOM ইনপুট ফাইল আপলোড সম্পত্তি গ্রহণ করে

'ইমেজ' ক্লিক করার পর বোতাম -

HTML DOM ইনপুট ফাইল আপলোড সম্পত্তি গ্রহণ করে