Question

我已经仔细检查了FineUploader文档，但是当我按照下面的方式设置上传按钮文本时，更改似乎没有传播。上传按钮仍显示默认文本。我错过了什么？

var manualuploader = new qq.FileUploader({
        element: document.getElementById('manual-fine-uploader'),
        text: {
            uploadButton: "Select a File" // <========== Setting text here
        },
        action: "/file/upload",
        autoUpload: false,
        multiple: false,
        forceMultipart: true,
        onComplete: function (id, fileName, json) {

            $("#divFileUploadLoading").hide();
            $("#buttonUploadFile").show();

            if (json.success) {

                displaySuccessMessage("Successfully uploaded: " + fileName);

                $("#textFileTitle").val("");
                $("#textFileDescription").val("");
                $("#checkIsDownloadable").prop("checked", true);
                $("#checkDisplayDetails").prop("checked", true);
            }
            else {

                displayErrorMessage("Failed to upload: " + fileName + " because '" + json.errorMessage + "'");
            }

            g_FileCount = 0;

            manualuploader.clearStoredFiles();
            manualuploader.reset();
        },
        onSubmit: function (id, fileName) {

            g_FileCount++;
        },
        onCancel: function (id, fileName) {

            $("#divFileUploadLoading").hide();
            $("#buttonUploadFile").show();

            displaySuccessMessage("Canceled upload for: " + fileName);

            g_FileCount--;
        }
    });

Answer 1

经过测试和验证。您仍然需要使用“文本”选项。

text: {
  uploadButton:'<div>Select a file</div>'
}

另一种方法是使用按钮创建自己的按钮：选项。

JS：

button: document.getElementById('my-button')

HTML：

<div id="my-button" class="qq-upload-button">Select a file</div>

Answer 2

就我而言，提供的答案不起作用。所以我做的是在调用FineUploader构造函数之后以编程方式设置相应分区的内容。我的Javascript如下（使用jQuery）：

$('div_ID').fineUploader({... your options here });
$(".qq-upload-button-selector.qq-upload-button div").text("your custom text");

我测试了这个，它对我有用。欢迎任何评论。

希望这有帮助。

Answer 3

尝试使用元素：

uploadButton: "<div>Select a File</div>"

祝你好运！

FineUploader按钮文本

3 个答案: