php - 删除 Jasny 文件输入小部件中的更改按钮

Question

我整合了Jasny Fileinput将小部件放入我现有的表单中。当我选择新文件时，它会显示两个按钮:更改和删除。我认为在这种情况下不需要更改按钮，所以我想完全删除此按钮。通过向元素添加 style="display:none"，我也尝试删除该元素。但是，这仍然出现这样的空白点: jsfiddle .

我的 HTML:

<div class="fileinput fileinput-exists" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" /></div>
<div>
<span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span style="display:none" class="fileinput-exists">Change</span><input type="file" name="file[]"></span>
<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>
</div>

有什么建议可以完全删除吗？

Answer 1

看起来您无法完全删除该按钮。由于该按钮属于文件输入，因此您无法将其删除。但是，您可以编写自定义样式来隐藏文件输入按钮，但它可能会隐藏与其关联的其他按钮。

对不起，我帮不上任何忙了。