HTML DOM Input FileUpload accept प्रॉपर्टी

HTML DOM Input FileUpload accept प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो फाइल अपलोड के accept एट्रिब्यूट का मान होता है। उपयोगकर्ता इसे एक नए मान पर भी सेट कर सकता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputFileUploadObject.accept

स्ट्रिंग मान पर value एट्रिब्यूट सेट करना

inputFileUploadObject.accept = value

उदाहरण

आइए 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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'Audio' बटन पर क्लिक करने के बाद:

HTML DOM Input FileUpload accept प्रॉपर्टी

'Image' बटन पर क्लिक करने के बाद:

HTML DOM Input FileUpload accept प्रॉपर्टी