Enviar ByteArray a JavaScript

Question

¿Cómo enviar una imagen jpg como ByteArray de as3 a javascript? Y cómo convertir ByteArray a la imagen en javascript?

Answer 1

Las implementaciones de JavaScript y DOM de los navegadores web actuales realmente no tienen buenos mecanismos para hacer este tipo de cosas.

Su mejor opción es hacer que su AS3 devuelva un URI de protocolo de datos con una versión de la imagen codificada en base64. Los navegadores modernos (IE8 +, FF2 +, etc.) aceptarán un URI de DATOS como el SRC de una etiqueta IMG y representarán la imagen contenida en ellos.

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

Usted tendrá que tener un experto en AS3 explicar cómo convertir una matriz de bytes en una cadena codificado en base 64, pero no puede ser tan difícil.

Answer 2

Tome su DisplayObject (Sprite/MovieClip/lo que sea) y convertirlo en un BitmapData:

myBitmapData.draw(mySprite); 

convertir eso a un PNG usando Adobe AS3CoreLib

myByteArray = PNGEncoder.encode(myBitmapData); 

Convierte eso a base 64 usando Flex de Base64Encoder :

myBase64Encoder.encodeBytes(myByteArray); 

Luego export actionscript variables to Javascript usando ExternalInterface.

Answer 3

Hay un método en esta clase que hace que:

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

llamando

var data:String = DisplayObjectUtils.getBase64ImageDataString(); 

volverá esta cadena:

data:image/png;base64,... 

A continuación, establecer el src de un img en html a ese valor.