我正在用HTML调用我的函数,即使该函数源自同一文件,我也收到一条错误消息,指出该函数未定义。我清除了浏览器缓存,但没有运气。
我尝试在同一<script>
的click事件中调用该函数,但完全无法识别click事件:
$("#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/3/
我已经确认,它工作正常。看到这里-jsbin.com/nuzuqomoku/edit?html,js,console,output
通过jquery添加click事件,然后调用uploadFile方法
<html>
<head>
<!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>
</head>
<body>
<!-- HTML -->
<input id="getFile" type="file" multiple="multiple"/><br />
<input id="addFileButton" type="button" value="upload" />
<!-- etc -->
</div>
<script>
$(document).ready(function(){
function uploadFile(){
alert('File Uploaded');
}
$("#addFileButton").on("click", function() {
uploadFile();
console.log("click")
});
});
</script>
</body>
</html>
<!-- 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>
我看不到这段代码有问题。请确保您保存并加载正确的文件。您可能只是忘了加载正确的文件。 ^ _ ^