删除Jasny fileinput小部件中的更改按钮

时间:2015-01-18 10:57:45

标签: php jquery css file-upload jasny-bootstrap

我将Jasny Fileinput Widget集成到我现有的表单中。当我选择新文件时,它将显示两个按钮:更改和删除。我认为在这种情况下不需要更改按钮,所以我想完全删除此按钮。通过添加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>

有关如何完全删除此内容的任何建议吗?

1 个答案:

答案 0 :(得分:0)

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

对不起,我无法帮助任何进一步的配偶。