Question

我有以下示例文件：

的index.html

<body>
  <input type="file" name="image" onchange="handleUpload()">
  <script>
    function handleUpload() {
      window.location = 'aa.html';
    }
  </script>
</body>

aa.html

<body>
  success
</body>

文件上传后，我被重定向到另一个页面。当我点击浏览器后退按钮时，我得到Uncaught ReferenceError: handleUpload is not defined at HTMLInputElement.onchange。

有人可以解释为什么会这样吗？我理解为什么handleUpload被触发但为什么它未定义？

更新

我的应用程序更复杂。我使用webpack将我的js文件捆绑到一个文件中，然后在关闭body标记之前在布局中引用它。我正在尝试做的是填充输入文件时的图像预览。一切都很好但是如果我在提交表单后按回按钮我会收到错误。

我设法通过从html中删除onchange并在其中一个js文件中添加了一个事件监听器来避免此问题。这种方法在打开选择文件窗口时会有延迟。

Answer 1

这是你的答案

＆＃13;

    <input type="file" name="image" onchange="window.location='aa.html'">

＆＃13;

点击按钮时未定义javascript函数

1 个答案: