Electon Js base64 image sr c - Не удалось загрузить ресурс

Question

В электронном Js приложении я пытаюсь загрузить изображение base64 с помощью динамически создаваемого тега изображения. Присоединение строки base64 к тегу изображения и добавление ее в контейнер с помощью метода insertAdjacentElement (). Я попытался установить источник, используя подход строки шаблона, конкатенируя не удалось.

Когда я запускаю приложение и выполняю действие добавления изображения. В консоли я получаю сообщение об ошибке: Не удалось загрузить ресурс: net :: ERR_FILE_NOT_FOUND Я пробовал множество строк base64, но это всегда результат.

const imgTemplate: HTMLImageElement = document.createElement('img') as HTMLImageElement;
                    imgTemplate.src = base64; // declared variable container base64 string

                    if(this._appThumbnailContainer) {
                        this._appThumbnailContainer.insertAdjacentElement('beforeend', imgTemplate)
                    }

Ниже приведен экран html в DOM.

Далее, во вкладке сети инструментов разработчика, похоже, выполняется выборка:

Answer 1

Обнаружено, что проблема связана с метатегом Content Security Policy, который я добавил в заголовочный тег индекса. html. Это было добавлено, чтобы обойти конкретную проблему, но нашло обходной путь для нее, больше не нуждаясь в мета.

Я прокомментировал это, чтобы увидеть, изменится ли это, и да, это так.

Ниже приведен метатег:

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; connect-src *">

Answer 2

Похоже, у вас есть дополнительная кавычка в строке sr c (src="'), еще раз проверьте, что содержит ваша переменная base64.