एचटीएमएल डोम इनपुट फ़ाइल अपलोड स्वीकार संपत्ति एक स्ट्रिंग देता है, जो फ़ाइल अपलोड की स्वीकृति विशेषता का मान है। उपयोगकर्ता इसे एक नए मान पर भी सेट कर सकता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
- स्ट्रिंग मान लौटाना
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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
'ऑडियो' . क्लिक करने के बाद बटन -
‘छवि’ clicking क्लिक करने के बाद बटन -
