user1181690 user1181690 - 1 year ago 120
jQuery Question

How to clear File Input

Below is part of the jquery code I have which displays the file input and a "Clear File" button.

var $imagefile = $('<input />')
type: 'file',
name: 'imageFile',
class: 'imageFile'


var $imageclear = $('<input />')
type: 'button',
name: 'imageClear',
class: 'imageClear',
value: 'Clear File'


Now the reason I have the "Clear File" button is because if you click on the button, then it will clear anything that is in the file input. How do I code it so that it actually clears the file input when I click on the "Clear File" button?

Answer Source

This should work:

$imageClear.on('click', function() { $imageFile.val(''); });