Envoyer ByteArray à JavaScript

Question

Comment envoyer une image jpg comme ByteArray de as3 à javascript? Et comment convertir ByteArray en image en javascript?

Answer 1

Les implémentations JavaScript et DOM des navigateurs Web actuels n'ont pas vraiment de bons mécanismes pour faire ce genre de chose.

Votre meilleur choix est que votre AS3 renvoie un URI de protocole DATA avec une version codée en base64 de l'image. Les navigateurs modernes (IE8 +, FF2 +, etc.) accepteront une URI de données comme SRC d'une étiquette IMG et rendront l'image qui y est contenue.

http://en.wikipedia.org/wiki/Data_URI_scheme

Vous devez avoir un expert AS3 expliquer comment transformer un octet tableau dans une chaîne base64, mais il ne peut pas être difficile.

Answer 2

Prenez votre DisplayObject (Sprite/MovieClip/whatever) et le convertir en un BitmapData:

myBitmapData.draw(mySprite); 

convertir en PNG en utilisant AS3CoreLib d'Adobe

myByteArray = PNGEncoder.encode(myBitmapData); 

convertir en base64 en utilisant Flex de Base64Encoder :

myBase64Encoder.encodeBytes(myByteArray); 

Puis export actionscript variables to Javascript en utilisant ExternalInterface.

Answer 3

Il y a une méthode dans cette classe qui fait cela:

https://github.com/monkeypunch3/flexcapacitor/blob/master/MainLibrary/src/com/flexcapacitor/utils/DisplayObjectUtils.as

appelant

var data:String = DisplayObjectUtils.getBase64ImageDataString(); 

renverra cette chaîne:

data:image/png;base64,... 

Vous définissez ensuite le src de un img en html à cette valeur.