Clear/Reset file input on page load?

Question

I need to clear a file upload input field when the page loads. I have looked at 10-15 various ways to do this via stackoverflow, however every suggestion includes a reset button where I want to clear it on page load so that it is reset/cleared if a user clicks the back button on their browser.

I am currently using this code to reset the entire form, it works well for all of the dropdowns however it does not clear the file input field

function init() {
    // Clear forms here
    //reset inputs
$('#upload_form').trigger("reset");
//reset upload form

}

window.onload = init;

From my researh this seems to have the most upvotes from the community Clearing <input type='file' /> using jQuery

Cheers!

1ace · Accepted Answer · 2014-05-11 05:55:02Z

5

You don't need jQuery for that:

function init() {
  document.getElementById("upload_form").reset();
}

window.onload = init;

answered May 11, 2014 at 5:55

1ace

5,2994 gold badges26 silver badges30 bronze badges

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

1 Comment

1ace Over a year ago

It does work on my computer, if the input is in a <form>: jsfiddle.net/BZjfL/2

Miguel · Accepted Answer · 2018-09-25 07:52:10Z

2

One way to reset the file input type field is to replace it with a new one:

function reset() {
    var input = document.querySelector('.file-input');
    var newInput = input.cloneNode(true);
    input.parentNode.replaceChild(newInput, input);
}

Example

http://jsfiddle.net/d25nV/

edited Sep 25, 2018 at 7:52

answered May 11, 2014 at 5:53

Miguel

20.7k5 gold badges47 silver badges68 bronze badges

2 Comments

1ace Over a year ago

There's no need to alter the DOM for that.

1ace Over a year ago

Not me: although it's unnecessarily complex, it's not wrong.

Collectives™ on Stack Overflow

Clear/Reset file input on page load?

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related