Clear upload file name from file uploader

Question

HTML:

<input type="file" id="flIcon" />

In Jquery:

$('#btnAddNew').click(function(event) {
                    alert($("#flIcon").attr('file'));
                    $("div#flIcon").replaceWith("<input type='file' id='flIcon'/>");

                });

I see in FireBug when page Load:

<div id="uniform-flIcon" class="uploader">
<input id="flIcon" class=" " type="file" style="opacity: 0;">
<span class="filename" style="-moz-user-select: none;">document-save.png</span>
<span class="action" style="-moz-user-select: none;">Choose File</span>
</div>

I try it from this ref.Clearing <input type='file' /> using jQueryBut its not work for me.Is there any browser compatibility issue or i am missing some thing.Thanks.

its working fine with $("#flIcon").replaceWith('..'); here---jsfiddle.net/XFyuw/3 — mini
– mini, Commented Mar 2, 2012 at 7:32
$('#btnAddNew').on('click(function(event){ alert($("#flIcon").attr('file')); $("div#flIcon").replaceWith("<input type='file' id='flIcon' />"); }); — Ohgodwhy
– Ohgodwhy, Commented Mar 2, 2012 at 7:34

Darin Dimitrov · Accepted Answer · 2012-03-02 07:32:26Z

1

Try like this:

<input type="file" id="flIcon" />
<div id="btnAddNew">Clear</div>

and then:

$('#btnAddNew').click(function(event) {
    $("#flIcon").replaceWith("<input type='file' id='flIcon'/>").html();
});

answered Mar 2, 2012 at 7:32

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

Comments

Nikhil Nanjappa · Accepted Answer · 2015-07-27 15:10:35Z

0

Yes Darin's solution works well.

Alternatively you could also clear by doing this using JQuery..

$('#flIcon').val('');

answered Jul 27, 2015 at 15:10

Nikhil Nanjappa

6,6823 gold badges30 silver badges45 bronze badges

Collectives™ on Stack Overflow

Clear upload file name from file uploader

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related