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(); 
};