Cómo borrar la entrada de archivo

Question

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

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 en el botón "Borrar archivos" se debe a que si hace clic en el botón, entonces se borrará todo lo que está en el archivo de entrada. ¿Cómo lo codigo para que realmente borre la entrada del archivo cuando hago clic en el botón "Borrar archivo"?

Answer 1

esto debería funcionar:

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

Answer 2

Este es el método que me gusta usar también, pero creo que es necesario agregar el parámetro verdadero bool con el método de clon para que cualquier evento a permanecer unidos con el nuevo objeto y necesita borrar el contenido.

var input = $("#fileInput"); 

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

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

Answer 3

Esto funciona a

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

Answer 4

de entrada de archivo transparente con jQuery

$("#fileInputId").val(null); 

de entrada de archivo transparente con JavaScript

document.getElementById("fileInputId").value = null; 

Answer 5

he hecho algo como esto y que está funcionando para mí

$('#fileInput').val(null); 

Answer 6

Otra solución si usted quiere estar seguro de que esto es a través del navegador que soporte es eliminar() la etiqueta y luego agregar() o anteponga() o de alguna otra manera, vuelva a agregar una nueva instancia de la etiqueta de entrada con los mismos atributos.

<form method="POST" enctype="multipart/form-data"> 
<label for="fileinput"> 
<input type="file" name="fileinput" id="fileinput" /> 
</label> 
</form> 

$("#fileinput").remove(); 
$("<input>") 
    .attr({ 
    type: 'file', 
    id: 'fileinput', 
    name: 'fileinput' 
    }) 
    .appendTo($("label[for='fileinput']"));