在選擇文件之前發送的表格

Question

因此，我在HTML中使用輸入字段的標準格式，最後一個輸入是type =「file」。由於沒有css方法來設計這個輸入，所以我通過使其高度和寬度= 0來使這個輸入不可見。並且將這個看不見的輸入「按鈕」置於頂部，我設計的按鈕就是我想要的。該按鈕的工作原理是，但最後當我填滿所有表單並按下此按鈕選擇文件時，它向我打開一個窗口以選擇文件，並同時發送表單。所以在結果它發送沒有文件的表單。因爲據我瞭解它如何作爲sumbition輸入。

那麼如何解決這個問題 - 該按鈕只是選擇文件而不發送表單？對於發送表單我輸入類型=提交

所以HTML表單的一部分：

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value"> 
<button onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button> 
<input type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" /> 

Answer 1

默認一個<button>的type是submit。

如果您不想在點擊時提交表單，請不要在第一時間使用提交按鈕！

Answer 2

<button>是type="submit"

明確地將它設置爲type="button"代替

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value"> 
<button type="button" onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button> 
<input type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" /> 

Answer 3

只要改變按鈕類型，然後再試一次類似以下內容： -

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value"> 
<button type="button" onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button> 

<input type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" /> 

它可以幫助你。