HTML DOM Input FileUpload accept প্রপার্টি

HTML DOM Input FileUpload accept প্রপার্টি একটি স্ট্রিং ফেরত দেয়, যা ফাইল আপলোড এলিমেন্টের accept অ্যাট্রিবিউটের মান। ব্যবহারকারী এটি নতুন মানে সেটও করতে পারেন।

সিনট্যাক্স (Syntax)

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputFileUploadObject.accept

value অ্যাট্রিবিউটে স্ট্রিং মান সেট করার জন্য (Setting value attribute to a string value)

inputFileUploadObject.accept = value

উদাহরণ (Example)

Input FileUpload accept প্রপার্টির একটি উদাহরণ দেখুন:

<!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>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

'Audio' বাটনে ক্লিক করার পর:

'Image' বাটনে ক্লিক করার পর: