Я пишу веб-сторінку у форматі HTML / JavaScript. Я завантажую зображення зі свого серверного сервера за допомогою AJAX. Зображення представлено як необроблений байтовий масив, а не як URL-адреса, тому я не можу використовувати стандартний <img src="{url}">підхід.
Як відобразити згадане зображення користувачеві?
Відповіді:
Спробуйте вставити цей фрагмент HTML у документ, який ви обслуговуєте:
<img id="ItemPreview" src="">
Потім, на стороні JavaScript, ви можете динамічно змінювати srcатрибут зображення за допомогою так званої URL-адреси даних .
document.getElementById("ItemPreview").src = "data:image/png;base64," + yourByteArrayAsBase64;
Як варіант, використовуючи jQuery:
$('#ItemPreview').attr('src', `data:image/png;base64,${yourByteArrayAsBase64}`);
Це передбачає, що ваше зображення зберігається у форматі PNG, який є досить популярним. Якщо ви використовуєте інший формат зображення (наприклад, JPEG), відповідно змініть тип ( "image/..."частина) MIME в URL-адресі.
Схожі питання:
[137,80,78,71,13,10,26,10,0,...], ви можете скористатися цим рядком:document.getElementById("ItemPreview").src = "data:image/png;base64," + btoa(String.fromCharCode.apply(null, new Uint8Array([137,80,78,71,13,10,26,10,0,...])));