Einzelne Taste zum Hochladen der Datei - automatische Datei bei Änderung senden. JQuery

Question

Ich möchte, dass die Schaltfläche zum Hochladen (die ausgeblendet wird) automatisch funktioniert, sobald die Datei ausgewählt wird (bei Änderung). Das Problem ist, dass ich folgende Fehlermeldung bekomme. Ich suchte danach und es gab einen Ratschlag, den Namen des Knopfes zu ändern, aber es half nicht. Hier ist der Fehler: videator.php: 380 Uncaught Typeerror:. Document.getElementById (...) besteht, erfolgt keine Funktion

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> 

Was ist Ich mache falsch? Also nochmal: Ich brauche eine einzige Taste anstelle von 2 Tasten (Standard). Also klickst du darauf und das Upload-Datei-Fenster erscheint - du wählst eine Datei aus und sie wird automatisch hochgeladen.

Bitte helfen.

Answer 1

Folge, was hier gesagt:

"Submit is not a function" error in JavaScript

Sie haben eine Eingabe einreichen namens "Eintragen".

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

Dies ist der Grund für den Fehler. Wenn Sie diese Schaltfläche zu etwas anderem umbenennen, sollte es funktionieren.

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

Hier ist ein funktionierendes Beispiel. Wenn Sie die Konsole öffnen, sehen Sie, dass Ihr submit Fehler verschwunden ist.

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