Не удается очистить ввод файла

Я использую Jasny Plugin и пытаюсь очистить файл, загруженный через ввод:

<div class = "form-group">
    <div class = "fileinput fileinput-new text-center" data-provides = "fileinput">
        <div class = "fileinput-new thumbnail" data-hasqtip = "1" title = "" aria-describedby = "qtip-1">
            <img class = "image-preview" src = "../assets/img/image_placeholder.jpg" alt = "...">
        </div>
        <div class = "fileinput-preview fileinput-exists thumbnail" style = ""></div>
        <div>
            <span class = "btn btn-round btn-rose btn-file">
            <span class = "fileinput-new">Add Photo</span>
            <span class = "fileinput-exists">Change</span>
                <input type = "hidden"><input type = "file" name = "..." id = "product-image" accept = "image/*">
            </span>
            <br>
            <a href = "#" class = "btn btn-danger btn-round fileinput-exists" data-dismiss = "fileinput">
                <i class = "fa fa-times"></i> 
                Remove </a>
        </div>
    </div>
</div>

После загрузки изображения предварительный просмотр появляется в поле плагина, поэтому я выполняю этот код, нажав кнопку:

$('#product-image').fileinput("clear");

но я получаю эту ошибку:

Cannot read property 'val' of undefined
    at c.clear (jasny-bootstrap.min.js:6)
    at HTMLInputElement.<anonymous> (jasny-bootstrap.min.js:6)
    at Function.each (jquery.min.js:2)
    at r.fn.init.each (jquery.min.js:2)
    at r.fn.init.a.fn.fileinput (jasny-bootstrap.min.js:6)
    at HTMLButtonElement.dispatch (jquery.min.js:3)
    at HTMLButtonElement.q.handle (jquery.min.js:3)
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
373
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте вместо этого использовать:

$(".fileinput").fileinput("clear");

Поскольку вы должны выбирать не вход внутри плагина, чтобы очистить его, а, скорее, все классы fileinput.

@zparo рад помочь :-)

Alexandre Elshobokshy 17.01.2019 11:01

Другие вопросы по теме