Javascript 错误处理,错误消息为空

Javascript error handling, error message is empty

提问人:Martin the hun 提问时间:6/6/2023 更新时间:6/6/2023 访问量:91

问:

我正在尝试将错误处理添加到我的提交表单中,但我没有收到任何错误消息。 有一个 url 字段,设置此 url 后,preview 元素将加载此文件并在预览中显示该文件。

如果有任何错误并且该部分有效,此函数会返回错误,但是根据我在网上找到的信息,消息应该在 event.target.error/event.target.message 中,但这两个变量都是未定义的。

$('.preview-element', '.file-upload').on('error', function(event){
    ...
});
JavaScript jQuery 错误处理

评论


答:

0赞 malicious-dev 6/6/2023 #1
function handleFileUpload(event) {
  const file = event.target.files[0];
  const reader = new FileReader();

  reader.onload = function (e) {
    // Handle successful file load
    const fileContent = e.target.result;
    // Show file content or perform other actions
    $('.preview-element').text(fileContent);
  };

  reader.onerror = function (e) {
    // Handle file load error
    const errorMessage = e.target.error.message;
    // Display error message or perform other error handling
    console.error('File load error:', errorMessage);
  };

  reader.readAsText(file);
}

$('.file-upload').on('change', handleFileUpload);

希望会有所帮助!!

评论

0赞 Martin the hun 6/7/2023
不幸的是,这没有奏效。我没有收到实际的错误消息..e.target.error 在我的情况下总是未定义。.它可能与 mac/google chrome 有关吗?