how to reset the value of file controls in html

Question

i used file control in a html page i want to remove the file location from control when user click on reset button.

$("#control").val("");

if i run this code he not work in Chrome but in Firefox

what i do to unselect the file who is not selected in file upload control.

how i can reset the controls without reset the whole form. are any thing exist to do this.

Have a look at the top answer to a similar question, here: http://stackoverflow.com/questions/1043957/clearing-input-typefile-using-jquery — Mike, Nov 12 '10 at 11:50

score 5 · Answer 1 · answered Jun 26 '13 at 13:24

5

The other solution didn't work me. I used the following code and it worked for me.

$("#control").val(null);

answered Jun 26 '13 at 13:24

ksg91

score 3 · Accepted Answer · answered Nov 12 '10 at 11:49

According to this article, you can use the following JavaScript method to clear the HTML input file control's value:

function clearFileInputField(tagId) {
    document.getElementById(tagId).innerHTML = 
                    document.getElementById(tagId).innerHTML;
}

Or, if refactored in jQuery, this should work as well:

$("#control").html($("#control").html());

Hassan Ali Shahzad · Answer 3 · 2016-04-11T15:51:43.773

0

Try this JS code without any external library:

var file = document.getElementById("file1");
    file.value = file.defaultValue;

edited Apr 11 '16 at 15:51

answered Apr 07 '16 at 22:13

score -1 · Answer 4 · answered Apr 08 '16 at 06:04

-1

If you using jQuery then following also can be utilize.

$('"#control"').prop('value', '');

answered Apr 08 '16 at 06:04

Pranav Bhatt

4 Answers4