user1181690 user1181690 - 11 days ago 9
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 />')
.attr({
type: 'file',
name: 'imageFile',
class: 'imageFile'
});

$image.append($imagefile);

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

$image.append($imageclear);


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

This should work:

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