php + jquery - upload/show image

Тема в разделе "PHP", создана пользователем Jeckerson, 15 янв 2011.

Модераторы: latteo
  1. Jeckerson

    Jeckerson Постоялец

    Регистр.:
    26 июл 2009
    Сообщения:
    56
    Симпатии:
    6
    Помогите с синтаксисом jquery. Структура логики примерно такова:

    - есть инпут поле для ввода ссылки картинки и бутон для аплоада.

    - при нажатии бутона идёт подгрузка пхп файла где идёт обработка ссылки и сразу же возврат ошибки или же при успешном аплоаде картинки возвращает само название картинки.

    PHP:
    $('.click').click(
    function
    {
    //запускаем пхп скрипт где через пост передаём название ссылки

    //выводим массив через json
    if(data.error == '')
    {
    //выводим полученную картинку на экран
    $('#show_img').attr('src',data.img_name);
    }
    else
    {
    //выводим ошибку через alert
    }

    }
    );
    Для тех кто не понял что я хочу - Каким именно образом заинклудить пхп файл и передать в него нужную инфу и потом же уже вывести обработанную инфу вывести для дальнейшего вывода через jqeury.
     
  2. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Зачем же так извращаться то? Используй банальную форму со сылкой на пхп файл, который будет обрабатывать аплоад... тот же файл в итоге тебе и должен вывести либо сообщение об ошибке, либо изображение... Jquery не для того предназначено. Ну на крайняк можно воспользоваться аяксом.
     
  3. FaLL3N

    FaLL3N Постоялец

    Регистр.:
    4 дек 2006
    Сообщения:
    100
    Симпатии:
    17
    Примерно так
    PHP:
    $('.click').click(
    function
    {
                $.
    ajax({
                    
    type'post',
                    
    data'link='+$('.click').val(),
                    
    url'/path/to/script.php',//путь к скрипту который обрабатывает загрузку картинок
                    
    beforeSend: function(){
                    
    alert('Грузим');
                    }, 
                    
    complete: function(){
                    
    alert('аякс запрос окончен');
                        },                
                    
    success: function(data){
                        if(
    data.error == ''){
                        
    //выводим полученную картинку на экран
                        
    $('#show_img').attr('src',data.img_name);
                        }else{
                        
    alert('Не вышло :(');
                        }
                    }
                }); 
    }
    ); 
     
  4. AlikZP

    AlikZP Создатель

    Регистр.:
    31 май 2009
    Сообщения:
    14
    Симпатии:
    3
    Можно готовый использовать, например http://www.uploadify.com/demos/
    Мультизагрузку поддерживает, очень удобный.
     
    Delayer нравится это.