Как очистить входной файл

Ниже часть кода jQuery у меня, который отображает входной файл и на "кнопка Очистить файл".

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

Сейчас у меня в "очистить файл" кнопка, потому что если вы нажмете на кнопку, то он будет очищать все, что находится во входном файле. Как мне код так, что он на самом деле закрывает входной файл, когда я нажимаю на "и кнопка Очистить файл"?

yceruto
Редактировал вопрос 29-го ноября 2016 в 7:39
Программирование
jquery
8-го марта 2012 в 12:33
13 просмотров
Комментарии к вопросу (2)
Решение

Это должно работать:

$imageClear.on('click', function() { 
    $imageFile.val(''); 
});
yceruto
Редактировал ответ 29-го ноября 2016 в 7:40
Комментарии (5)

Очистить входной файл с jQuery

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

Очистить входной файл с помощью JavaScript

document.getElementById("fileInputId").value = null;
Комментарии (0)

Этот метод я использую как хорошо, но я считаю, что нужно добавить True bool параметр в метод clone для любого события остаются прикрепленными с новым объектом и вам нужно очистить содержимое.

    var input = $("#fileInput");

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

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

meditari
Редактировал ответ 3-го февраля 2016 в 8:28
Комментарии (0)

Значения `$(и"ИД" - а).функция val(значение null), работал для меня

Syscall
Редактировал ответ 10-го мая 2018 в 9:44
Комментарии (0)

Другое решение, если вы хотите быть уверены, что это кросс-браузер, способный, чтобы удалить() в <ввод> тег и затем добавить() и prepend() или каким-либо другим способом повторно добавить новый экземпляр ввод тегов с одинаковыми атрибутами.



 <input type="file" name="fileinput" id="fileinput" />



$("#fileinput").remove();
$("<input>")
  .attr({
    type: 'file',
    id: 'fileinput',
    name: 'fileinput'
    })
  .appendTo($("label[for='fileinput']"));
Комментарии (0)

Я сделал нечто подобное, и это's работает для меня

$('#fileInput').val(null);
Комментарии (0)

В моем случае другие решения не работают, чем так:

$('.bootstrap-filestyle :input').val('');

Однако, если вы будете иметь больше, чем 1 входного файла на странице, он будет сбросить текст на всех из них.

Комментарии (0)

получить входной код и поставить вал пустой, как показано ниже: Примечание : не ставьте пробел между Валь пустые двойные кавычки вал(" на глаз ").

 $('#imageFileId').val("")
Комментарии (0)

этот код работает для всех браузеров и всех входов.

$('#your_target_input').attr('value', '');
Комментарии (0)

Это работает в

 $("#yourINPUTfile").val("");
Комментарии (0)