hw 13 - garevna/js-course GitHub Wiki

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 должна проверять, является ли выбранный файл изображением, и если нет - выводить сообщение "Выбранный файл не является изображением"