PHP画像ワンボタンでアップロード

Question

私のフォームに画像をアップロードするためのPHPスクリプトがあります。正常に機能しています。 2つのボタンがあり、1つはアップロードするファイルを参照し、もう1つはこの画像を画面に表示する送信ボタンです。

ブラウズ - >ファイルの選択 - > OKをクリックすると、ファイルがアップロードされます。余分な「送信」ボタンは必要ありません。

私はこれらのボタンを表している、ここに私のコードの一部を貼り付けています。

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