hw 13

Homework

Required

Blob

Загрузить картинку из сети с помощью fetch в виде объекта Blob

Создать временную ссылку на полученный объект

Разместить изображение на странице

---

Additionally

Напилить код функции testFile

var addElem = tagName => document.body.appendChild (
    document.createElement ( tagName )
)

var selector = addElem ( 'input' )
selector.type = 'file'
selector.multiple = true
selector.id = 'selectImages'
selector.style.display = 'none'

var label = addElem ( 'label' )

label.htmlFor = 'selectImages'
label.innerText = 'Select images'

var testFile = file => new Promise (
    ...
)

selector.onchange = function ( event ) {
    for ( var file of event.target.files ) {
        testFile ( file )
            .then ( result => addElem ( "img" ).src = result )
            .catch ( error => console.error ( error ) )
    }
}

Функция testFile должна проверять, является ли выбранный файл изображением, и если нет - выводить сообщение "Выбранный файл не является изображением"

---

Additionally

• Создать форму с полями:
  • Заголовок сообщения
  • Тест сообщения
  • Иконка
• Добавить форму на страницу http://ptsv2.com
• Назначить обработчика события submit формы

Обработчик должен:

• Создать объект класса FormData
• Передать в него введенные значения из формы
• Отправить данные формы на сервер

---

Не забывайте про ограничение на размер отправляемых файлов

Файлы иконок

---

Представление результатов:

Создайте html-страницу

Сделайте скрин формы:

и вставьте его на страницу

После отправки формы сделайте скрин дампа:

и вставьте его на страницу

Ниже вставьте код скрипта

---

.