ファイルをアップロードするための単一のボタン - 変更時にファイルを自動的にサブミットします。

Question

ファイルが選択されると（変更時に）すぐに自動的に機能するように、アップロードボタン（非表示にする）を希望します。問題は、私がエラーメッセージを受け取ったということです。私はそれを検索し、ボタンの名前を変更するアドバイスがあったが、それは助けになりませんでした。ここでエラーがある：videator.php：380キャッチされない例外TypeError：の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つのボタンの代わりに1つのボタンが必要です（デフォルト）。それをクリックするとアップロードファイルウィンドウがポップアップします。ファイルを選択すると自動的にアップロードされます。

助けてください。

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/