Urgent:<input type="file"> IE Incompatabilities

sachin_mt · #1 (**permalink**) 04-06-04, 00:55

We are using ASP to upload a file.

We have <input type="file"> which allows the user to choose a file.

But user can type any junk into the file text box and when he clicks on Upload button it uploads an empty file with the junk given as file name.

We need to prevent this.I can use <input type="file" READONLY>,But this works fine on IE5 but on IE6,the Browse button does not open the dialog box at all.

Do you have any workaround for this which will work on both IE5 and IE6.

Its urgent

gyuan · #2 (**permalink**) 04-06-04, 23:03

What is the component you are using to upload file? Usually you can check the file size, extension and so on. You do not need to put READONLY there.

sachin_mt · #3 (**permalink**) 04-06-04, 23:42

Hi,

You are right,But I want to prevent users from typing some junk into the file text box.How shall I do it then???

rokslide · #4 (**permalink**) 04-07-04, 00:52

try this....

<body>
<form name="frmTest" id="frmTest">
<input type="file" onkeydown="return false;" onkeypress="return false;" id="testfile">
</form>
</body>

you can still right click and cut or paste from the field, but if you using onmousedown it theory you should be able to disable that as well.

rokslide · #5 (**permalink**) 04-07-04, 01:14

new version for you....

Code:

<script>
function test(){
	if(window.event.button==2) {
		alert('Please use the browse button');
		return false;
	}
	else {
		return true;
	}
}
</script>
<body>
<form name="frmTest" id="frmTest">
<input type="file" onmousedown="return test();" onkeydown="return false;" onkeypress="return false;" id="testfile">
</form>
</body>

tested under ie 5.5

sachin_mt · #6 (**permalink**) 04-07-04, 01:17

Thanx a lot rokslide,

You have solved out problem,

I hope this thread wil be very usefull for many guys facing the same problem over the net.

rokslide · #7 (**permalink**) 04-07-04, 01:31

It's probably possible to fake the page of course and try to submit a file that doesn't exist.... there is nothing you can really do about that though.... and I very much doubt it will work with Netscape/Mozilla/Gecko browsers....

But for your problem it should be fine....

sachin_mt · #8 (**permalink**) 04-07-04, 01:54

This works fine but

The user will not be able to see the entire path in the file text box after choosing the file using Browse button,since he cannot use arrow keys,is it possible to allow just arrow keys so that user can see the entire path but not able to type any characters.

Only if possible otherwise its ok.

rokslide · #9 (**permalink**) 04-07-04, 02:09

try this.....

Code:

<script>
function test(){
	if(window.event.button==2) {
		alert('Please use the browse button');
		return false;
	}
	else {
		return true;
	}
}
function test2(){
	if(window.event.keyCode==37||window.event.keyCode==39){
		return true;
	}
	else {
		return false;
	}
}
</script>
<body>
<form name="frmTest" id="frmTest">
<input type="file" onmousedown="return test();" onkeydown="return test2();" onkeypress="return test2();" id="testfile">
</form>
</body>

Internet Services

Web Development

Digital Marketing

Consumer Tech