l'image Encode base64

Question

J'ai essayé de la base encode mon image pour montrer via CSS comme:

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

donc j'ai essayé ce que je trouve ici:

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

Mais il ne sera pas . me montrer une image (en utilisant l'image de png 'PhoneGap android drawable

Deux questions:

Comment puis-je résoudre cela ou comment puis-je montrer une image sans base64 auparavant.

Exemple: Est-il possible de saisir les octets d'une image et montrer par

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

Contexte: Je reçois les octets d'une image à partir d'un plugin PhoneGap et je suis en train de montrer l'image à l'utilisateur.

Answer 1

Le premier morceau de code est correct:

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

Insertion des données binaires ne fonctionneront pas. Si vous voyez une image différente de celle que vous attendez, alors vos sélecteurs CSS ne correspondent pas à l'élément (par exemple si l'élément est <div id="foobar"> et votre sélecteur est div.foobar), ou votre sélecteur est not specific enough.

Dans les deux cas, inspectez l'élément avec quelque chose comme Firebug et vérifiez quelles règles CSS ont été appliquées à l'élément, et si vous pouvez voir celui qui est en haut.

Answer 2

Je recommanderais contre Base 64 pour les applications mobiles en général.

Why? Check here.

Si vous souhaitez utiliser base64 malgré l'augmentation de la performance, je recommande d'utiliser un site comme this one afin de faire l'encodage base64. Sinon, votre chaîne d'URL semble appropriée, mais binaire n'est pas le format attendu. Assez drôle, il attend Base64 - qui est quelque chose de complètement différent.

Modifier

Si vous devez le faire lors de l'exécution et uniquement avec les binaires, faites-le en JavaScript. Il a une fonction cuite dans lequel va gérer l'encodage Base64 à partir de binaires suspendus à partir de l'objet Window.

Here's the documentation

utiliser comme ceci:

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