0

我已经浏览了 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--;
        }
    });
4

3 回答 3

6

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

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

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

JS:

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

HTML:

<div id="my-button" class="qq-upload-button">Select a file</div>
于 2013-03-18T16:35:15.117 回答
4

就我而言,提供的答案不起作用。所以我所做的是在调用 FineUploader 构造函数后以编程方式设置相应除法的内容。我的 Javascript 如下(使用 jQuery):

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

我已经对此进行了测试,它对我有用。欢迎任何意见。

希望这可以帮助。

于 2017-02-06T22:34:57.703 回答
1

尝试使用一个元素:

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

祝你好运 !

于 2013-03-18T12:19:20.007 回答