Проблема с отображением изображения на HTML-странице с использованием Python

Я пытаюсь отобразить изображение в таблице HTML с помощью Python и Flask, но тем не менее он показывает, что значок «не удалось загрузить изображение», и когда я пытаюсь открыть его на другой вкладке, я получаю следующее:

ссылки «данные» заблокированы
Веб-страница по адресу data:image/png;base64,b'\xfahg\xffZX\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\] xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[ Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff\\V\xe5YeoQ\x9a^P\xa3`P\...
может быть временно недоступен или навсегда перемещен на новый веб-адрес.

В моем HTML-шаблоне есть следующее:

<tr>
  <td>{{ puzzle["Name"] }}</td>
  <td>{{ puzzle["Type"] }}</td>
  <td>{{ puzzle["AssetsSize"] }}</td>
  <td>
    <img src = "data:image/png;base64,{{ convert_image(puzzle) }}">
  </td>
</tr>

А функция convert_image() возвращает следующее:

def convert_image(data):
if 'Thumbnail' in data:
return data['Thumbnail'].encode("latin1")
return "Thumbnail Unavailable"

Любые советы или мысли о том, что я делаю неправильно?

Я уже пробовал кодировать с помощью base64 перед возвратом из функции, но тоже не получилось.

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
0
0
39
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
  1. Он должен быть base64 закодирован.
  2. Ваш data не является файлом PNG.

Файл PNG начинается с 8-байтовая подпись, который должен выглядеть примерно так:

>>> f = open("test.png", "rb")
>>> header = f.read(8)
>>> header
b'\x89PNG\r\n\x1a\n'
>>> header.hex(" ", 1)
'89 50 4e 47 0d 0a 1a 0a'

Рекомендации:

Это фактически решило проблему. Но мне пришлось сначала преобразовать данные в изображение подушки, а затем в базу 64.

Gabriel Colling 26.03.2022 22:32

Другие вопросы по теме