Загрузка фото+описание

[Mick_20]

Здравствуйте!
Помогите пожалуйста написать скрипт.
Задача - загрузить изображение с описанием и вывести без перезагрузки страницы.

- Имеется html форма:

PHP код:

<form action = '' method = 'post' enctype='multipart/form-data'>
<input type='text' name='описание картинки' value=''>
<input type = 'file' name = 'upfile' />
<input type = 'submit' name = 'send' value = 'загрузить картинку' /></form> 


Копал в сторону append(), но так и не придумал как реализовать.

[Naive]

Добавь скрытый айфрейм, форме укажи тарджет на нее, при сабмите поставь ожидание ответа формы, дальше парси содержимое, либо вставляй прямиком. Наиболее надежный и кросс-браузерный метод, большинство плагинов jq асинхронной загрузки юзают его.
Еще есть решение ИЕ9+, через fileAPI, если интересно, гугли, есть документация на инглише у мозиллы.

[Mick_20]

А через ajax никак?

Я вот что набросал и мучаю сижу:

Форма ввода и div в котором должно ввестись:

PHP код:

<form id="doc_form" method="post" enctype="multipart/form-data" onSubmit="">
<input class="file_form" type="file" name="upload_file" />
</form>
<div id="result"></div>
<div onclick="SendFile();">Отправить</div> 


Скрипт:

PHP код:

function SendFile() {

    //отправка файла на сервер

    $$f({
        url:'http://site.ru/ajax.php',//адрес на серверный скрипт который будет принимать файл

        onsend:function () {//действие по окончании загрузки файла
        
            $$('result',$$('result').innerHTML+'');//в элемент с id="result" выводим результат
        }
    });
} 


PHP-обработчик:

PHP код:

if($_FILES['upload_file']['size']>0) {

    /***загружаем файл**/
    if ( is_uploaded_file ( $_FILES['upload_file']['name'] ) ) 
        {     
            
            
            $doc_name = $_FILES['upload_file']['name'];
            if (copy( $_FILES['upload_file']['name'], "docs/{$doc_name}"))
            {
                
                echo "Файл загружен! <br/>";
                
            } 
            else 
            {
                
                echo "Файл не удалось загрузить на сервер! <br/>";
                
            }
        } 
        else 
        {
            
            echo "Файл во временную директорию загрузить не удалось";
        }
    /***загружаем файл**/
   

}
else
{
    echo "Файл пустой!";
} 


Почему файл не загружается?

[ATL]

Смотрите DEMO.

[Mick_20]

нашел в интернете метод загрузки со скрытым фреймом:
http://biznesguide.ru/coding/126.html

У меня не заработал код. Да и демо их не работает: http://biznesguide.ru/demo/uploads/

Выводит фразу "Идет загрузка файла" и так и остается. Второй скрипт не срабатывает или что?

[Naive]

Скрытый айфрейм — это и есть ajax.
Уже сказал, что есть 2 основных способа загрузки:
1. выплюнуть на бэкенд сразу (айфрейм)
2. файл-API, обработка файла на клиенте с последующей отправкой, для тру-браузеров.
Первое решение простое, кросс-браузерное, быстрое как для фронт-, так и для бэкенда, ибо минимум телодвижений с обеих сторон.
Для второго варианта надо курить доки, с точки зрения фронтенда сложная дрянь и дорогая, так как для говнобраузеров придется делать GD. Для бэкенда придется обрабатывать новый поток данных, не знаю, распарсит ли автоматом пых бэйс64...
Как оно на серверной стороне делается я не подскажу, не мой профиль. Тем более пыхопе *сморщеный смайл*.

[Mick_20]

Сообщение от Naive

Скрытый айфрейм — это и есть ajax.
Уже сказал, что есть 2 основных способа загрузки:
1. выплюнуть на бэкенд сразу (айфрейм)

Дык я вот нашел с iframe и не работаем там код. Почему не пойму.

[Fenex]

... не работаем там код. Почему не пойму.

Как правило ответ на этот вопрос даёт консоль.

[Mick_20]

Заглянул с консоль - там ругается на метод ready но в коде такого нет.

[Fenex]

В коде нет? Не верю. Ошибка есть, значит и в коде есть. Консоль никогда не врёт, говорит только факты. Вам хром даже покажет то место, где рушится код, если ткнёте на ссылку справа.

А вообще меня это удивляет. Сначала на форуме спрашить, а потом уже только глядеть в консоль, потеряв при этом много времени. Где логика? :unsure: