无法清除文件输入
Cannot clear file input
我正在使用 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)
尝试使用:
$(".fileinput").fileinput("clear");
因为您不应该选择插件内的输入来清除它,而是选择整个 fileinput
类。
我正在使用 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)
尝试使用:
$(".fileinput").fileinput("clear");
因为您不应该选择插件内的输入来清除它,而是选择整个 fileinput
类。