FineUploader按鈕文本

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>' 
} 

另一種方法是使用button：選項創建自己的按鈕。

JS：

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

HTML：

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

Answer 2

嘗試使用的元素：

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

好運！

Answer 3

就我而言，所提供的答案不工作。所以我所做的就是在調用FineUploader構造函數之後以編程方式設置相應分區的內容。我的Javascript如下（使用jQuery）：

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

我測試過這個，它適用於我。歡迎任何評論。

希望這會有所幫助。