Encode изображение base64

Question

Я пытался базы кодировать мое изображение, чтобы показать это с помощью CSS, как:

background-image: url(data:image/png;base64,%codeForImage%) 

Так что я попробовал то, что я нашел здесь:

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding

Но это не будет . Покажите мне любое изображение (с помощью PNG изображения с 'PhoneGap андроида Drawable'

Два вопроса:

Как я могу решить это или , как я могу показать изображение без base64 раньше.

Пример: Можно ли захватить байты изображения и показать его с помощью

background-image:url(data:%uncodedImageBytes%) 

фона: Я получаю байты изображения из PhoneGap плагин, и я пытаюсь показать изображение для пользователя.

Answer 1

Первая часть кода корректна:

background-image: url(data:image/png;base64,%codeForImage%) 

Вставка двоичных данных не будет работать.

Если вы видите другое изображение вместо того, которое вы ожидаете, то ваши селекторы CSS не соответствуют элементу (например, если элемент является <div id="foobar">, а ваш селектор div.foobar) или ваш селектор есть not specific enough.

В любом случае проверьте элемент с чем-то вроде Firebug и проверьте, какие правила CSS были применены к элементу, и если вы видите тот, который хотите в верхней части.

Answer 2

Я бы рекомендовал против Base 64 для мобильных приложений в целом.

Why? Check here.

Если вы хотите использовать Base64, несмотря на увеличение производительности, то я рекомендую использовать сайт как this one для того, чтобы сделать кодировку Base64. В противном случае строка url выглядит подходящей, но двоичный формат не соответствует ожидаемому. Забавно, он ожидает Base64 - что-то совсем другое.

Редактировать

Если вам нужно сделать это во время выполнения и только с двоичными файлами, сделать это в JavaScript. У него есть функция, испеченная в которой будет обрабатываться кодировка Base64 из двоичного файла, зависающего от объекта Window.

Here's the documentation

Используйте это так:

var bSixtyFourString = window.btoa(%MY_BINARY%);