Clearing File Upload

Question

I have jQuery function to validate the file extension of the uploaded file. If the the file does not belong to a desired file extensions then a validation message will be shown and I will clear the value of File Upload via jQuery as

$('#ctl00_ContentPlaceHolder1_FileUpload').val("")

It is working fine in modern browsers but not in IE 8. I also tried

document.getElementById('ctl00_ContentPlaceHolder1_FileUpload').value = ''

but not working also. my full code is

if ($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg', 'bmp']) == -1) {
    alert('Image must be .jpg/.jpeg/.gif/.bmp/.png only.');
    $('#ctl00_ContentPlaceHolder1_FileUpload').val("");
    document.getElementById('ctl00_ContentPlaceHolder1_FileUpload').value = '';
    $("#ctl00_ContentPlaceHolder1_FileUpload").focus();
}

Shaunak D · Accepted Answer · 2014-06-04 08:51:06Z

0

IE has some security restriction(read-only) over <input type="file">

So, a workaround would be clone() and replace the current <input>:

if(navigator.userAgent.toUpperCase().indexOf('MSIE') >= 0){
    $("input[type='file']").replaceWith($("input[type='file']").clone(true));
} else {
    $("input[type='file']").val('');
}

Also, form $('#form')[0].reset(); can be an option in case it is the only field in the form.

edited Jun 4, 2014 at 8:51

answered Jun 4, 2014 at 8:12

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rajesh Over a year ago

When I try to Implement the above code I am getting "'$.browser.msie' is null or not an object" error

Shaunak D Over a year ago

what is the jquery version you are using? $.browser.msie is deprecated now.

Rajesh Over a year ago

Thanks @shaunakde The .browser call has been removed in jquery 1.9 so I referenced jquery-migrate-1.2.1.js on this Link in my page

Collectives™ on Stack Overflow

Clearing File Upload

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related