javascript - HTML5 输入类型文件错误处理

Question

我构建了一个模块来使用 HTML5 input type file 元素上传文件。我发现我需要通过显示正确的错误消息来解决/解决问题:-

1) 用户选择要上传的文件，但在按下上传按钮之前用户删除了源文件。现在用户点击上传按钮。在我的例子中，UI 上没有任何反应。

我想问一下，在点击 HTML5 的输入类型文件元素上的上传按钮之前，我们可以通过任何方式知道天气文件仍然存在。

请注意:我使用的是 ember.js

Answer 1

您可以使用“try-catch”方法来运行代码并很好地处理错误。

try{
 //the code you want to test / run goes here
}catch(e){
 //here is where you handle the error thrown (if any)
 console.log("There was an error!\nError message: " + e.message);
 alert("There was an error!\nError message: " + e.message);
 document.getElementById('errorMessageSpan').innerHTML = "There was an error!\nError message: " + e.message + "";
}

在这里，您可以在应用程序崩溃之前捕获错误，并将错误呈现给用户或开发人员(DOM 或控制台)。

希望这对您有所帮助!