使用一个按钮上传PHP图像

Question

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

我想点击浏览 - ＆gt;选择文件 - ＆gt;单击“确定”，文件应该上传。不需要额外的“提交”按钮。

我只是粘贴了我的代码的一部分，代表了这些按钮。

<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

您可以使用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();
};