Bootstrap Filestyle - 更改文件字段的按钮文本不起作用

Question

我想在 Bootstrap 2.3.2 的 Bootstrap Filestyle 插件中更改文件字段的按钮文本，但它不起作用，按钮文本仍然是默认的。 我通过替换 jquery 中的元素创建文件字段，并尝试通过属性data-buttonText或方法设置文本$("#changeAccountsSourceModal:file").filestyle('buttonText', 'Choose address');

jsfiddle示例

文件字段

$("#changeAccountsSourceModal .form-horizontal").replaceWith("<input type=\"file\" class=\"filestyle\" data-input=\"true\" data-buttonText=\"Choose address\">");

$("#changeAccountsSourceModal :file").filestyle();

Answer 1

刚刚通过在启动文件样式的对象中传递选项来进行了尝试，就可以了。

$("#changeAccountsSourceModal :file").filestyle({buttonText: 'Choose address'});

具有讽刺意味的是，当您尝试更改后置后缀时，文本只会添加到按钮上。

$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

小提琴

工作小提琴

Answer 2

您可以更改按钮文本、删除图标、占位符等

$(document).ready(function () {
    $("#myInputId").fileinput({
        mainClass: "input-group-md",
        showUpload: false,
        previewFileType: "image",
        browseClass: "btn btn-sucess",
        browseLabel: "Select Photo",
        browseIcon: "<i class=\"icon-picture\"></i> ",
        removeClass: "btn btn-danger",
        removeLabel: "Delete",
        removeIcon: "<i class=\"icon-trash\"></i> ",
        uploadClass: "btn btn-info",
        uploadLabel: "Upload",
        uploadIcon: "<i class=\"icon-upload\"></i> ",
        msgPlaceholder: "Select Photo"
    });
});