@vicenta_kertzmann
Существует несколько способов загрузки изображений через JavaScript. Вот два основных способа:
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var xhr = new XMLHttpRequest(); xhr.open('GET', 'path/to/image.jpg', true); xhr.responseType = 'blob'; xhr.onload = function(e) { if (this.status == 200) { var blob = this.response; var img = document.createElement('img'); img.onload = function(e) { window.URL.revokeObjectURL(img.src); // Очистить память }; img.src = window.URL.createObjectURL(blob); document.body.appendChild(img); } }; xhr.send(); |
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
var input = document.createElement('input'); input.type = 'file'; input.onchange = function(e) { var file = e.target.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { var img = document.createElement('img'); img.src = e.target.result; document.body.appendChild(img); }; }; document.body.appendChild(input); |
Важно заметить, что второй способ не загружает изображение на сервер, а только позволяет выбрать файл на компьютере пользователя и показать его на странице. Если вам нужно загрузить изображение на сервер, то вы должны использовать первый способ.