Javascript PHP图像上传一个按钮

我有一个PHP脚本在我的表单上传图像。它运行正常。我有两个按钮，一个用来浏览文件（要上传），另一个是在屏幕上显示此图像的提交按钮

我希望在单击浏览-->选择文件-->单击确定时，应该上载文件。不需要额外的“提交”按钮

我只是在这里粘贴代码的一部分，它代表这些按钮

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

您可以使用onchange函数，然后提交表单

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


document.getElementById（“文件”）.onchange=function（）{
document.getElementById（“图像上传表单”）.submit（）；
};
您可以使用onchange功能，然后提交表单

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


document.getElementById（“文件”）.onchange=function（）{
document.getElementById（“图像上传表单”）.submit（）；
};
如果您已经在相关事件中运行了代码，那么您所需要做的就是将功能组合到一个中…？一个有type=“file”和另一个type=“submit”，我如何将这两个功能组合到一个中？如果您已经在相关事件中运行了代码，那么您所需要做的就是将这些功能组合成一个…？一个有一个type=“file”和另一个type=“submit”，我如何才能将这两个功能组合成一个呢？不适合我。我已经更新了问题中的代码，你能告诉我哪里出了问题吗？你没有更改表单id。现在检查更新的代码对我不起作用。我已经更新了问题中的代码，你能告诉我哪里出了问题吗？你还没有更改表单id。现在检查更新的代码