fine-uploader - 更改“上传失败”消息

Question

我想将“上传失败”消息更改为从我的服务器端处理返回的消息。

我可以在 onError 回调中看到我想要的消息，但我不确定如何使用它而不是默认消息。

欢迎提出想法、示例或进一步阅读建议（此处为新内容）。

Answer 1

您尝试执行的操作取决于您使用的是 Fine Uploader Basic/Core 还是 Regular/UI。这是因为 UI 模式提供了一些额外的好处来显示错误消息等。

一些可能使您受益的属性/选项：

Fine Uploader 基本/核心模式

• text.defaultResponseError

  如果无法确定有关错误的特定信息，则将消息发送到 onError 回调。如果服务器在响应中指示失败但在响应中不包含“错误”属性并且错误代码为 200（仅限 XHR），则使用此选项

var uploader = new qq.FineUploaderBasic({
    /* ... */
    text: {
        defaultResponseError: "Oh noes! Upload fail."
    }
});

关于“文本”的文档

---

Fine Uploader 常规/UI 模式

• failedUploadTextDisplay.mode选项

  有效值为“default”（在每个失败文件旁边显示在 failUploadText 中定义的文本）、“none”（在失败文件旁边不显示任何文本）和“custom”（下一个显示来自服务器的错误响应文本到失败的文件或Blob）。

• failedUploadTextDisplay.responseProperty选项

  来自服务器响应的属性，其中包含要显示在失败文件旁边的错误文本或Blob. 除非模式是“自定义”，否则这将被忽略。

var uploader = new qq.FineUploader({
    /* ... */
    text: {
        defaultResponseError: "Oh noes! Upload fail."
    },
    failedUploadTextDisplay: {
        mode: 'custom',              // Display error responses from the server.
        responseProperty: 'errorMsg' // Default is 'error', change this to match the 
                                     // property that contains the error message from 
                                     // your server
    }
});

上的文档failedUploadTextDisplay

Answer 2

对于仍然使用 FineUploaded 及以上的人不起作用，那是因为密钥没有更改为failUpload.

UI端自定义消息的用法是

text: {
  failUpload: 'Your upload faile message goes here
},

更多细节可以在这里找到 - https://docs.fineuploader.com/branch/master/upgrading-to-4.html

如果要显示服务器端消息，可以通过以下方式进行：

failedUploadTextDisplay {
  mode: 'custom',
  responseProperty: 'server side error key goes here'
}

如果您希望完全删除它，即文件上传失败时不显示文件下方的消息，请使用下面

failedUploadTextDisplay {
  mode: 'none'
}