VPF::как обработать тег <input type="file" - Форум программистов

СЭНСЭЙ

Дата 15.3.2012, 17:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 432
Регистрация: 20.3.2006

Репутация: нет
Всего: нет

Добрый день!
Хочу написать загрузчик изображений на сервер аяксом.
Смотрел в инете примеры - подходящего не нашел.
Хочу что бы функция аяксом передавала в пхп файл на обработку.
Помогите пожалуйста, дайте понятный пример.

trix

Дата 17.3.2012, 03:01 (ссылка)

(нет голосов)

Загрузка ...

Observer Grabus

Профиль
Группа: Участник
Сообщений: 534
Регистрация: 30.1.2003
Где: Odessa

Репутация: нет
Всего: 12

только через ифрейм.

Код


<script>
function getImagesIframe(){
    $('body').append('<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>');
    $('iframe#upload_target').load(function(){
        var f = $(this);
        var content = f.contents().find('body').text(); //получаем содержимое ифрейма, т.е. ответ сервера
        var self = $('form').eq(0);
        self.removeAttr('target'); //подчищаем форму если нужно
        self.attr('ACTION', ''); //экшн большими буквами, это важно для какого-то там браузера
        f.remove();
    });
    var self = $('form').eq(0);
    self.attr('target', 'upload_target'); //ставим форме временно таргет наш ифрейм
    self.attr('ACTION', '/image.php');
    self.submit();
}
</script>

Код


<form>
<input type="file" name="image" />
<input type="button" value="Загрузить изображение" onclick="getImagesIframe()">
</form>

вот как-то так. своял за пару минут, так что может и попадутся ошибки, но само решение рабочее, я использовал его.

--------------------

Тупое, бездушное SMS никогда, слышите вы? никогда не заменит живое общение по ICQ!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »