javascript - ClearReset file input on page load? - Stack Overflow

admin管理员组

文章数量:1336633

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 munity Clearing <input type='file' /> using jQuery

Cheers!

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 munity Clearing <input type='file' /> using jQuery

Cheers!

• javascript
• jquery
• html

Share Follow edited May 23, 2017 at 12:06 CommunityBot 111 silver badge asked May 11, 2014 at 5:40 Ryan NZRyan NZ 62611 gold badge1010 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You don't need jQuery for that:

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

window.onload = init;

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/d25nV/

本文标签： javascriptClearReset file input on page loadStack Overflow