пятница, 13 августа 2010 г.
пятница, 20 ноября 2009 г.
среда, 3 июня 2009 г.
Отправка файлов на сервер из формы без перезагрузки страницы
В последнее время в GMail появилась отличная фича - загрузка аттачментов происходит в фоновом режиме, пока пользователь пишет письмо. Посмотрим как это можно реализовать.
Серверную часть трогать не будем,- это непринципиально. Опишу только клиентскую.
Идея в следующем:
Теперь подробнее и на примерах:
Код формы:
Код подключаемого JavaScript файла с функциями для действий до и после загрузки:
Код HTML страницы, возвращаемый серверным скриптом загрузки в iframe
По окончании загрузки iframe он вызывает функцию из родительского окна, которая при желании может делать все что надо (убрать прогрессбар, подменить картинку на странице, etc)
Серверную часть трогать не будем,- это непринципиально. Опишу только клиентскую.
Идея в следующем:
- Размещаем на странице iframe размером 1х1 пиксель с
display:noneи именем uploadIframe - Создаем форму с target="uploadIframe"
- После загрузки файла отдаем в iframe определенный код, который будет обращатся к родительской странице и именять ее содержимое
Теперь подробнее и на примерах:
Код формы:
<form target="uploadIframe" method="post" enctype="multipart/form-data" id="myForm">
<input type="file" name="myFile" /><input type="button" onClick="javascript: uploadFile();"/>
</form>
<iframe name="uploadIframe" width="1" height="1" style="display: none" />
* This source code was highlighted with Source Code Highlighter.Код подключаемого JavaScript файла с функциями для действий до и после загрузки:
//Функция отправки формы и скрытия полей
function uploadFile () {
var uploadForm = document.getElementById('myForm');
uploadForm.innerHTML = '';
uploadForm.submit();
}
//Коллбек вызываемый из iframe
function uploadFileAfter (message) {
var uploadForm = document.getElementById('myForm');
uploadForm.innerHTML = message;
}
* This source code was highlighted with Source Code Highlighter.Код HTML страницы, возвращаемый серверным скриптом загрузки в iframe
<html>
<head>
<script language="javascript" >
var message = "Загрузка файла успешна/не удалась"; //В зависимости от результата будет разный message
window.onload = function () {
parent.uploadFileAfter (message);
}
</script>
</head>
<body>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.По окончании загрузки iframe он вызывает функцию из родительского окна, которая при желании может делать все что надо (убрать прогрессбар, подменить картинку на странице, etc)
пятница, 22 мая 2009 г.
Test
| Вы сумасшедший человек |
С вами тяжело находиться долгое время радом. Вы пугаете своей непосредственностью. Вы часто улыбаетесь, когда надо бы пустить слезу. Вы верите людям, вы закрываете глаза на насмешки в вашу сторону. Вы не способны жить в этом мире. Вас нельзя ни с кем сравнить. Вы индивидуальность. Вы склонны к творчеству и считаете смерть лишь началом новой жизни. Если вы решите убить, то сделаете это, не сожалея и не скрывая своего лица. Возможно, получите от этого удовольствие, но и убивать без причины не станете.По этому ваше лучшее оружие это - SPAS-12, дробовик, калибр 12, Италия  |
| Пройти тест |
среда, 15 апреля 2009 г.
понедельник, 16 февраля 2009 г.
пятница, 13 февраля 2009 г.
Подписаться на:
Сообщения (Atom)
Сообщения
