How to reset the file button

Question

I have attached an image. When I try to click "X" icon below the image I am able to remove the file but the file name at right side of "Choose File" is still display. Could anybody tell me how to reset it back.

I am using following code to remove the image.

$('div').on('click', '.closeDiv', function(e){
            var closest = $(this).closest('td');
            var id = closest.find('div:first');
            $(this).prev().remove();
            $(this).remove();
            closest.find('span:first').html('');
            $('#'+id).val("");
        })

[Clearing using jQuery](http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery) — Álvaro González, Oct 06 '16 at 09:58
[How can I clear an HTML file input with JavaScript?](http://stackoverflow.com/questions/1703228/how-can-i-clear-an-html-file-input-with-javascript) — Álvaro González, Oct 06 '16 at 09:59

score 1 · Answer 1 · answered Oct 06 '16 at 09:57

1

Try this:

$('#file_id').val('');
// It will remove the selected file. Use it inside your function.

answered Oct 06 '16 at 09:57

Mayank Pandeyz

25,704
4
40
59

How to reset the file button

1 Answers1