Question

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 1

This should work:

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