javascript - 控制台错误 : [function] is not defined, 虽然它是

Question

我在 HTML 中调用我的函数，尽管该函数源自同一文件，但我收到一条错误，指出该函数未定义。我清除了浏览器缓存，但没有成功。

我尝试在同一个<script>中的单击事件中调用该函数，但是根本无法识别点击事件:

$("#addFileButton").on("click", function() {
  uploadFile();
  console.log("click")
})

<小时/>

这就是我的代码现在的样子:

<!-- HTML -->
<input id="getFile" type="file" multiple="multiple"/><br />
<input id="addFileButton" type="button" value="upload" onclick="uploadFile();" />
<!-- etc -->
</div>

<script>
  function uploadFile() {
    // code
  }
</script>

<小时/>

JSFiddle 链接:https://jsfiddle.net/Tsardines/Lrcgfjhq/5/

Answer 1

我已验证，工作正常。请参阅此处 - jsbin.com/nuzuqomoku/edit?html,js,console,output