单键上传 - 提交文件 - 更改时自动提交文件。 JQuery

Question

我希望上传按钮（将被隐藏）在选择文件后立即自动生成（更改时）。问题是我得到以下错误消息。我搜索了它，并有一个建议来更改按钮的名称，但它没有帮助。以下是错误：videator.php：380遗漏的类型错误：的document.getElementById（...）提交不是一个函数

的jQuery：

$(".upload").click(function(){ 
     $("#fileToUpload").click(); 
    }); 
    document.getElementById("fileToUpload").onchange = submitAction; 

    function submitAction(){ 
     document.getElementById("btnSubmit").submit(); 
     return false; 
    } 

HTML

<form action="videator.php" method="post" enctype="multipart/form-data" id='btnSubmit'> 
     <h3> Select a video to upload:</h3> 
     <img class='upload' src="img/upload.png"/> 
     <input class="form" type="file" name="fileToUpload" id="fileToUpload" accept="video/*" > 
     <input class="form" id='' type="submit" value="Upload Image" name="submit"> 
    </form> 

上午什么我做错了？再说一遍：我需要一个按钮而不是2个按钮（默认）。所以你点击它并弹出上传文件窗口 - 你选择一个文件并自动上传。

请帮忙。

Answer 1

跟随着什么在这里说：

"Submit is not a function" error in JavaScript

您已经提交输入项目名称为 “提交”。

<input class="form" id='' type="submit" value="Upload Image" name="submit"> 

这是什么导致错误被抛出。如果您将该按钮重命名为其他任何内容，都应该可以工

<input class="form" id='' type="submit" value="Upload Image" name="newName"> 

下面是一个工作示例。如果你打开控制台，你会发现你的submit错误消失了。

https://jsfiddle.net/mewcg3zo/5/