javascript - <input type ="file"> onChange 从多个 <script>-标签中调用 js

Question

我正在制作一个上传页面，您可以通过将文件拖放到某个区域以及单击图像并选择文件来上传文件。它工作得很好，但现在我想实现一个进度条，所以我必须在选择文件按钮的 onChange-Event 中调用 js 函数:

<img src="images/cloud.png" id="uploadCloud" class="uploadImage" alt="Dateien durchsuchen"/>
    <form action="upload.php" method="post" enctype="multipart/form-data">
        <input type="file" id="datei" name="datei" onChange="javascript:upload()" hidden/>
    </form>

这些是我的脚本:

<script>
    function upload()
    {
        //Do stuff to upload file (already implemented)
    }
</script>
<script>
    $(document).ready(function(e)
    {
        $("#uploadCloud").click(function()
        {
            $("#datei").trigger('click');
        });
    }); 
</script>

测试代码，控制台抛出ReferenceError: upload is not Define

我看不出我的与此有何不同:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange

调用 upload() 函数时我做错了什么？

Answer 1

我不明白 javascript:onchange(); 和那个隐藏单词的意义...

<img src="images/cloud.png" id="uploadCloud" class="uploadImage" alt="Dateien durchsuchen"/>
<form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" id="datei" name="datei" onchange="upload()" />
</form>