选择后立即上传图片

Question

我的目标是在选择文件时自动将图像上传到文件夹。根据how do I auto-submit an upload form when a file is selected 的回答，我尝试使用Javascript 的onchange 事件自动提交表单：

<?php
if(isset($_POST['upload']))
{
$ImageName = $_FILES['photo']['name'];
$fileElementName = 'photo';
$path = '../images/'; 
$location = $path . $_FILES['photo']['name']; 
move_uploaded_file($_FILES['photo']['tmp_name'], $location); 
}
?>

<form method="post" enctype="multipart/form-data">
<input type="file" name="photo" onchange="document.getElementById('upload').submit();" id="file" class="inputfile" />
<label for="file">Add Image</label>
<input type="submit" style="display: none;" name="upload" id="upload">
<input type="text">
<input type="submit">
</form>

选择文件后，它不会自动上传到文件夹。

注意：我不能使用onchange="form.submit()"，因为我的表单中有多个提交按钮！

Answer 1

我认为您可以简单地将其更改为：

document.getElementById('upload').click();

或者做这样的事情：

var button = document.getElementById('upload');
button.form.submit();