Question

我有一個PHP腳本來上傳圖像在我的表單上。它運作正常。我有2個按鈕，一個用於瀏覽文件（要上傳），另一個用於在屏幕上顯示此圖像的提交按鈕。

我想單擊瀏覽 - >選擇文件 - >單擊確定，文件應該上傳。不需要額外的「提交」按鈕。

我只是貼上我的代碼在這裏，表示這些按鈕的一部分。

<div class="upload_container"> 
<br clear="all" /> 
<div id='preview'></div> 
<form id="image_upload_form" enctype="multipart/form-data" action="<?php 
echo $_SERVER['PHP_SELF']; 
?>" method="post" class="change-pic"> 
<input type="hidden" name="MAX_FILE_SIZE" value="10000000" /> 
<input style="padding-left:20px; color:#4d4d4d" type="file" id="file" name="user_image" accept="image/*" /> 
<script type="text/javascript"> 
document.getElementById("file").onchange = function() { 
document.getElementById("image_upload_form").submit(); 
}; 
</script> 
</form> 
</div> 
</div> 

Answer 1

可以使用平變化的功能，然後提交表單

<input style="padding-left:20px; color:#4d4d4d" type="file" id="file" name="user_image" accept="image/*" /> 

document.getElementById("file").onchange = function() { 
    document.getElementById("image_upload_form").submit(); 
};