使用bootstrap输入文件

Question

我想使用bootstrap文件输入来浏览文件。当我使用它时，我得到3个动作按钮 <input id="myName" type="file" name="myName" class="file" />

并在初始化

中包含以下行

$("#myName").fileinput({ showUpload: false, showRemove: false })

但我仍然看到动作按钮“删除”，“上传”和“浏览”。我只想看到“浏览”。我不想改变css文件。有没有办法在html或js中做到这一点？

Answer 1

根据documentation尝试使用选项周围的引号。

例如：

$("#myName").fileinput({'showUpload':false, 'showRemove':false});

Answer 2

正如其他人所描述的那样......您需要设置public static int[] sortArray(int a[]){ int[] b = Arrays.copyOf(a, a.length); Arrays.sort(b); return b; } 和showUpload属性。您可以使用HTML 5数据属性对其进行初始化，如third example on the basic usage section of the demo site所示 - 或 - 您可以直接使用javascript进行初始化。

然而，不要两者都做。问题是您的标记showRemove有<input id="myName" type="file" name="myName" class="file" />，这意味着插件会自动初始化插件，导致您的JS初始代码无法处理。

请注意，正如文档和the first example on basic usage中所突出显示的那样，如果您有class = file和input type = file，插件会自动初始化文件输入插件。

因此，如果您使用javascript进行初始化，则必须执行以下操作。首先从标记中删除class = file：

class = file

接下来初始化插件（通常在文档就绪），它应该可以工作。

<input id="myName" type="file" name="myName"/>

Answer 3

对我有用的一种方法是在初始化时将这些设置设为false。

<input id="myName" type="file" class="file" data-show-upload="false" data-show-remove="false">