Академический Документы
Профессиональный Документы
Культура Документы
Кафедра
«Автоматика и Системотехника»
Проверил:
Конопелько Г.К.
г. Хабаровск
2020 г.
Лабораторная работа №10
AJAX-запрос с передачей файла методами объекта
XMLHttpRequest2
Цель работы: ознакомление с основными компонентами Ajax, организация
запроса и обработка ответа на HTML странице.
Задание:
1. Сделать форму с элементом выбора файла и кнопкой в центральной части
страницы. Имена HTML-файлов и файлов Perl-скриптов должны
содержать русские буквы.
2. Используя методы объекта XMLHttpRequest2, обеспечить передачу
выбранного файла-картинки частями со сборкой его на сервере.
3. Файл-картинку сохранить на сервере, оставив имя файла без изменения.
4. HTML-файлы и Perl-скрипты должны формировать ответ браузеру в виде
картинки и текста, включающего русские буквы. Ответ должен
отображаться в центральной части HTML-страницы.
Ход работы:
файл index.html /home/var/www/html/is1-02/Labs/index.html
<form id="form4">
<div style="padding: 2%;"><label>Л/р №10 (AJAX)</label>
<label for="Name4">Имя:</label>
<input type="text" name="Name10" id="Name4"><br>
var oXmlHttp=createRequest()
oXmlHttp.open("POST", "/Тест10Белим.pl", true);
oXmlHttp.setRequestHeader("Content-Type", "text/html; charset=utf-8");
oXmlHttp.onreadystatechange = function()
{
if (oXmlHttp.readyState == 4) Лист
Лабораторная работа №10
ТОГУ, ИС(аб)-71, Белим Л.В.
по курсу АИС 4
{ if (oXmlHttp.status == 200)
{
alert("загруженно успешно");
document.getElementById('DivForAjax').innerHTML =
oXmlHttp.responseText;
}
else
{
alert(oXmlHttp.status+ '::'+oXmlHttp.statusText);
}
}
}
oXmlHttp.send(formData);
var r_args = "&Name10=" +
encodeURIComponent(document.getElementById("form4").Name10.value) +
"&Year10=" +
encodeURIComponent(document.getElementById("form4").Year10.value) ;
$path="'files/".$filename."'";
else
{print "Файл не прочитан! <br> Повторите отправку файла";}