Ошибка консоли: [функция] не определена, хотя - PullRequest
Новая
       13

Ошибка консоли: [функция] не определена, хотя

2 голосов
/ 29 февраля 2020

Я вызываю свою функцию в моем 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 link: https://jsfiddle.net/Tsardines/Lrcgfjhq/5/

Ответы [ 3 ]

0 голосов
/ 29 февраля 2020

Добавьте событие click через jquery и затем вызовите метод 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>
0 голосов
/ 29 февраля 2020

Если это код: 

<!-- 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>

Я не вижу проблемы с этим кодом. Пожалуйста, убедитесь, что вы сохранили и загрузили нужный файл. Вы можете просто забыть загрузить нужный файл. ^ _ ^

0 голосов
/ 29 февраля 2020

Я проверил, работает нормально. смотрите здесь - jsbin.com/nuzuqomoku/edit?html,js,console,output

...