PHP图片一键上传

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

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