PHP JAVASCRIPT HTML,上传图片在浏览竞争


PHP JAVASCRIPT HTML, upload image upon BROWSE competion

我有一个小表单,它有一个按钮,将一个小图标加载到表单本身。这个按钮说"浏览",还有一个按钮说"上传图片"。我觉得没有必要用两个按钮来上传图片。

如何在浏览结束时进行上传?

顺便说一下,这里是代码。(上传按钮只是激活调用php文件的js, js函数在表单上更新它)
<form class="jQ-form" action="includes/ajaxupload.php" method="post" name="standard_use" id="standard_use" enctype="multipart/form-data">
    <fieldset>  
        <button id="image_upload_button" style="float:left;"  onclick= "$('#upload_area').css('display','none');
        $('#upload_area').fadeIn('slow');ajaxUpload(this.form,'includes/ajaxupload.php?filename=filename&amp;maxSize=200000&amp
        ... more func data.'); return false;" disabled>upload icon</button>
        <input type="file" id="upload_file" name="filename" style="float:left;width:70%;" size="42"/>
        <p style="float:right;color:#a2983c;margin:10px;width:373px;">
        Pick a nice icon that is max 300x300 pixels please
        </p>
        <?php 
            echo '<div id="upload_area" style="'.((($theiconname!='') && (file_exists($thumb_path.$theiconname))) ? '' : 'display:none;').'float:left;
            width:50px;height:50px;border:3px solid #000;margin-top:12px;margin-left:3px;">';
            if ($theiconname){
                if (file_exists($thumb_path.$theiconname))
                {
                    echo'<img id="the_logo" src="'.$thumb_path.$theiconname.'"/>';
                }
            }
        ?>
        </div>
    </fieldset>
</form>

提前感谢!

当然!只需检测文件输入字段何时被更改,然后提交父表单。我注意到你在使用jQuery所以我将使用它提供答案:

$("#upload_file").change( function(){
     $("#standard_use").submit();
});

或者,如果你是通过AJAX提交这个,而不是真正打算提交表单,那么替换$("#standard_use").submit();与任何函数通常会触发当有人按下你的"upload image"按钮