Remove upload file from input jQuery

Question

HTML code:

<img src="../img/attach.png" id="upfile1" style="cursor:pointer">
    <input type="file" id="file1"  name="file1" style="display:none">

jQuery:

$("#file1").change(function(){
        var arr = $('#file1')[0];
        var fileName = $('#file1')[0].files[0].name;
        var fileName2 = $('#file1')[0].files[0].size;
        fileName2 /= 100000;
        var size = fileName2.toFixed(2);
        if(fileName){
            $(".attach").html("1. <span class='fileName'>"+ fileName + "</span> " +size+ "Mb Loaded <img src='../img/bin.png'>").css("display","block");
            $(".attach img").on("click", function() {
                delete arr.files[0];
                console.log(arr.files[0]);
            });
        }
    });

I need to remove upload file after clicked on img... Can I do it use jQuery or I need some library such a Basic plus UI. Thanks a lot.

Thank, it works.. but is it correct way to remove files from file input?? — ladomiryak
– ladomiryak, Commented Mar 20, 2015 at 9:04

chimos · Accepted Answer · 2015-03-20 09:13:41Z

8

You can use $('#file1').val('');.

edited Mar 20, 2015 at 9:13

answered Mar 20, 2015 at 9:01

chimos

6642 gold badges15 silver badges35 bronze badges

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

Comments

ozil · Accepted Answer · 2015-03-20 09:13:02Z

0

$('#upfile1').on('click',function(){
    $('#file1').remove();
});

answered Mar 20, 2015 at 9:13

ozil

7,1639 gold badges38 silver badges61 bronze badges

Collectives™ on Stack Overflow

Remove upload file from input jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related