解决Layui Upload组件：非200状态码前端提示异常问题

Layui的Upload组件在处理服务器返回的状态码时，通常会检查`response.statusCode`或者`response.status`（取决于你的后端框架）。如果返回的状态码是200（成功），它会认为上传是成功的，不会弹出错误提示。但如果你的服务器返回其他非200的状态码，比如400、500等，或者你自定义了一个非标准的成功标识（如"any other string"），Upload组件可能会识别为失败，并显示相应的错误信息。 为了改变这个行为，你可以自定义上传失败的判断逻辑。在 Layui 的 Upload 组件中，你可以通过 `before` 和 `error` 事件来处理错误。例如： ```javascript layui.use(['upload'], function () { var upload = layui.upload; // 自定义错误处理函数 upload.error = function (res, status) { if (status === 'network' || status === 'timeout' || res.status !== 200 && res.status !== '201' && res.statusText !== 'OK') { // 检查状态码 alert('Upload failed: ' + res.statusText); } }; // 初始化上传 upload.render({ elem: '#upload-file', // 上传元素 url: 'your-server-url', // 上传接口 success: function (res) { console.log(res); }, error: function (res) { console.log(res); } }); }); ``` 在这个例子中，我们添加了一个新的`error`处理函数，检查返回的状态码是否为200以外的任何字符串，如果是，则弹出错误提示。这样，只有当服务器返回非200状态码或非"OK"的文本时，才会触发错误提示。 ######[AI写代码神器 | 378点数解答 | 2024-04-01 17:48:47]