VideoAnalysis/static/index.html

50 lines
1.6 KiB
HTML
Raw Normal View History

2023-07-06 07:32:59 +04:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Анализ аудиторий</title>
</head>
<body>
<p>
Загрузите изображение в поле ниже, чтобы проверить, на фотография пустая
или заполненная аудитория.
</p>
<form id="uploadForm" action="analyze">
<div>
<label for="image">Нажмите, чтобы загрузить изображение</label>
<input type="file" name="image" id="image" />
</div>
<div>
<label for="ontology">Онтология предметной области</label>
<input type="file" name="ontology" id="ontology" />
</div>
<div>
<button type="submit">Отправить</button>
</div>
</form>
<img src="" alt="Результат" id="imgslot" />
<script>
document
.getElementById("uploadForm")
.addEventListener("submit", (event) => {
event.preventDefault();
const data = new FormData(event.target);
fetch("/analyze", { method: "POST", body: data })
.then((res) => res.json())
.then((data) => {
debugger;
if (data.image) {
document.getElementById("imgslot").src =
"data:image/jpg;base64," + data.image;
}
console.log(data);
});
});
</script>
</body>
</html>