Как сбросить файл iput?

Question

Я получил большую форму, и мне нужна функция сброса.Я написал некоторый код, который хорошо работает, но у меня есть только проблемы с вводом [type = file].Я понял, что мне нужно удалить его из DOM и заменить его копией, но я больше не могу отправить этот файл!Я отправляю данные формы через ajax, и поле файла обязательно.Итак, перед сбросом формы все отправляют нормально, но после сброса ответа сервера я не отправил файл ._.Я точно уверен, что проблема именно с вводом [type = file], потому что до того, как я добавил этот функционал, моя функция сброса работала нормально.Я попробовал этот код: var imguploadcont = form_tool.find(".imguploadcont"); imguploadcont.html('<input id="imgInp_{{key}}" type="file" name="userfile" class="custom-file-input" id="customFile"><label class="custom-file-label" for="customFile">'+imguploadcont.attr('text')+'</label>');

И это: var fileinput = form_tool.find("input[type=file]"); fileinput.val(''); form_tool.find('.custom-file-label').text('Choose image');

Что не так?

Answer 1

Вы можете использовать эту строку для очистки значения файла

$('.custom-file-input').val(null);

Answer 2

Для общего понимания, если содержимое вашего тела было изменено динамически через AJAX или любым другим способом, и, в частности, вы используете элементы для повторной отправки того же самого .Вам необходимо связать функцию отправки следующим образом -

    $(function()
    {

    .. Place your code here .. This is irrespective of document contents loaded or modified just before initially or re-submit based on dynamically loaded elements.

$("#form_id").on("submit",function(e)
{
e.preventDefault(); // Prevents default submission of the form

$.ajax({ // Your AJAX Code // });

});    

 });

Метод ниже не будет работать, так как ваш контент DOM был изменен, и он учитывает только загруженные значения (не динамически измененные элементы)

$(document).ready(function()
{
.. Your functions ...

});