javascript - 此场景中的 xhr 错误事件对象详细信息是什么？

Question

我正在测试一个简单的移动上传解决方案 - 这个问题与实际上传无关 - 在 chrome 中它会在 Firefox 中上传图片，错误事件会触发 - 到目前为止一切顺利 - 但现在我需要它为什么会触发。该事件已发送，因此对象中肯定存在一些错误信息 - 但我检查了 ProgressEvent 的规范，我发现它正在发送，但我仍然无法获取错误代码、描述或任何帮助我调试的内容 - 任何请指点？

xhr.addEventListener("error", uploadFailed, false);
function uploadFailed(evt) {
alert("There was an error attempting to upload the file.");
alert(evt.error.toString()); // this is where the trouble starts
// the evt.error is undefined?  
}

谢谢;-)

Answer 1

XMLHttpRequest 对象具有 status或statusText与请求的 HTTP 状态相对应的属性。这可能是一个很好的起点。另外检查 JS 控制台和调试器中的网络选项卡可能会产生一些有用的信息(尤其是 CORS 问题)。

使用 status 属性，您的错误处理程序可能看起来像这样:

xhr.addEventListener('error', function ()
{
    if (xhr.status >= 500)
    {
        alert("Something went wrong on the server!");
    }
    else if (xhr.status >= 400)
    {
        alert("Something went wrong with the request on our side!");
    }
    else
    {
        alert("No HTTP error indicated, yet the error event fired?!");
    }
});