Removing/Clearing all selected files via the File Input button

Question

I'm using the input element in HTML with the file type option, IE: <input type="file" /> with the option of allowing multiple files to be selected.

However, I'm wondering if there's a way to remove or clear all of the files that the user selected via the file type button though a click of a button.

Basically, here is what I have so far:

<input type="file" multiple="multiple" />
<input type="button" value="Clear all attachments" onclick="" />

I have no idea how to implement that second button.

take a look here stackoverflow.com/questions/1043957/…

Alexander.It
– Alexander.It

2015-07-06 17:32:54 +00:00
Commented Jul 6, 2015 at 17:32 — Alexander.It
– Alexander.It, Commented Jul 6, 2015 at 17:32

haffla · Accepted Answer · 2015-07-07 19:52:10Z

3

There is a trick: Redraw the HTML block! Source

<div id="container">
   <input type="file" multiple="multiple" />
   <input type="button" value="Clear all attachments" onclick="clearSelection();" />
</div>

//Javascript
function clearSelection() {
    document.getElementById("container").innerHTML = document.getElementById("container").innerHTML;
}

edited Jul 7, 2015 at 19:52

answered Jul 6, 2015 at 17:40

haffla

1,0669 silver badges15 bronze badges

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

2 Comments

LOL. NO. Over a year ago

Shouldn't the id in the getElementById function be the id of the file input button?

haffla Over a year ago

Sorry. You need to surround with a container and redraw that. I updated my answer.

Collectives™ on Stack Overflow

Removing/Clearing all selected files via the File Input button

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related