單鍵上傳 - 提交文件 - 更改時自動提交文件。 JQuery

我希望上傳按鈕（將被隱藏）在選擇文件後立即自動生成（更改時）。問題是我得到以下錯誤消息。我搜索了它，並有一個建議來更改按鈕的名稱，但它沒有幫助。以下是錯誤：videator.php：380遺漏的類型錯誤：的document.getElementById（...）提交不是一個函數單鍵上傳 - 提交文件 - 更改時自動提交文件。 JQuery

的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個按鈕（默認）。所以你點擊它並彈出上傳文件窗口 - 你選擇一個文件並自動上傳。

請幫忙。

來源

2016-04-26 Donalda Donalda

跟隨着什麼在這裏說：

"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/

來源

2016-04-26 18:54:05

它工作！謝謝。我想知道爲什麼... –

單鍵上傳 - 提交文件 - 更改時自動提交文件。 JQuery

回答

相關問題