Member Avatar for noamwegner

Does anyone know if i can write a generic javascript function that check the file extension
of the uploaded files and if the extension is incorrect erases the value
because the user upload's more then one file i want to get the ID from the form
something like:

fileselectedchange(obj)
{
   var fileEXT = obj.substring(obj.indexOf('.')+1, obj.length);
		if (fileEXT.toUpperCase() != 'XLS'){
			alert('Please Select Only XLS File');
                        /* erasing the file input text geting the name from "obj" */
                        /* something like document.getelemntbyname(obj.name).value = "";*/
                        
			return;
                     }
}
<input type="file" name="firstXLS" onchange="fileselectedchange(this);" />

sorry if my english is not the best
thank you

  • 2 Contributors
  • 1 Reply
  • 4K Views
  • 7 Hours Discussion Span
  • Latest Post Latest Post by Luckychap
Member Avatar for Luckychap

'value' property is read-only. But there a work around you can use:

<html>
	<head>
	</head>
	<script>
		function fileselectedchange(obj)
		{
			var fName = obj.value;
			var fileEXT = fName.substring(fName.indexOf('.') + 1, fName.length);
			if (fileEXT.toUpperCase() != 'XLS'){
				// Reset the innerHTML with the initial one 
				document.getElementById('input1').innerHTML = divInnerHTML;
				return false;
			}
		}
	</script>
	
	<body>
		<div id="input1">
			<input id="fileInput" type="file" name="firstXLS" onchange="fileselectedchange(this);"/>
		</div>	
		<script>
			// Store the initial innerHTML for the div.  
			var divInnerHTML = document.getElementById('input1').innerHTML;
		</script>
	</body>
</html>
Edited by Luckychap because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.