Cómo borrar la entrada de archivos

A continuación se muestra parte del código jquery que tengo que muestra la entrada de archivo y un "Borrar archivo" botón.

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);

Ahora la razón por la que tengo el "Clear File" botón es porque si hace clic en el botón, entonces se borrará todo lo que está en la entrada de archivo. ¿Cómo puedo codificarlo para que realmente borra la entrada de archivo cuando hago clic en el botón "Borrar archivo"?

yceruto
Pregunta editada 29º noviembre 2016 в 7:39
Programación
jquery
8º marzo 2012 в 12:33
1 vista
Solución

Esto debería funcionar:

$imageClear.on('click', function() { 
    $imageFile.val(''); 
});
yceruto
Respuesta editada 29º noviembre 2016 в 7:40
Comentarios (5)

Este es el método que a mi también me gusta usar pero creo que necesitas añadir el parámetro bool true al método clone para que cualquier evento permanezca unido al nuevo objeto y necesites borrar el contenido.

    var input = $("#fileInput");

    function clearInput() {
        input = input.val('').clone(true);
    };

https://api.jquery.com/clone/

meditari
Respuesta editada 3º febrero 2016 в 8:28
Comentarios (0)

Esto sirve para

 $("#yourINPUTfile").val("");
Comentarios (0)