PHP JAVASCRIPT HTML, загрузить изображение по конкурсу BROWSE - PullRequest
0 голосов
/ 01 сентября 2011

У меня есть маленькая форма, в которой есть кнопка, загружающая маленький значок в саму форму.На кнопке написано «просматривать», а на другой - «загрузить изображение».Я считаю, что нет необходимости иметь две кнопки для загрузки изображения.

Как сделать так, чтобы загрузка происходила в конце просмотра?

Кстати, вот код.(Кнопка загрузки просто активирует js, который вызывает php-файл, который делает трюк, функция 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>

Заранее спасибо!

1 Ответ

1 голос
/ 01 сентября 2011

Конечно! Просто определите, когда поле ввода файла было изменено, затем отправьте родительскую форму. Я заметил, что вы используете jQuery, поэтому я дам ответ, используя это:

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

В качестве альтернативы, если вы отправляете это через AJAX и фактически не намереваетесь отправить форму, замените $("#standard_use").submit(); на любую функцию, которая обычно срабатывает, когда кто-то нажимает на кнопку «Загрузить изображение».

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...