Javascript 无法清除文件输入

我正在使用

Jasny插件

，并试图清除通过输入上传的文件：

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

但我得到了这个错误：

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)

无法读取未定义的属性“val”
在c.clear（jasny bootstrap.min.js:6）
在HTMLInputElement。（jasny bootstrap.min.js:6）
在Function.each（jquery.min.js:2）
在r.fn.init.each（jquery.min.js:2）
在r.fn.init.a.fn.fileinput（jasny bootstrap.min.js:6）
在HTMLButtonElement.dispatch（jquery.min.js:3）
位于HTMLButtonElement.q.handle（jquery.min.js:3）

尝试改用：

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

---

因为您不应该选择插件中的输入来清除它，而是选择整个

fileinput

类

@zparo很乐意帮忙：-）

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