发送ByteArray到JavaScript

Question

如何发送一个JPG图像作为ByteArray从as3到JavaScript？以及如何将ByteArray转换为javascript中的图像？

Answer 1

当前Web浏览器的JavaScript和DOM实现并没有很好的机制来完成这样的事情。

最好的办法是让你的AS3返回一个带有base64编码版本的图像的DATA协议URI。现代浏览器（IE8 +，FF2 +等）将接受一个DATA URI作为IMG标签的SRC，并将呈现其中的图像。

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

你必须有一个AS3专家解释如何把一个字节数组为Base64编码的字符串，但它不可能是那么难。

Answer 2

把你DisplayObject（Sprite/MovieClip /不管），并将其转换成一个BitmapData：使用Adobe的AS3CoreLib

myByteArray = PNGEncoder.encode(myBitmapData); 

将其转换成Base64编码使用Flex的Base64Encoder

myBitmapData.draw(mySprite); 

将其转换成一个PNG ：

myBase64Encoder.encodeBytes(myByteArray); 

然后export actionscript variables to Javascript使用ExternalInterface。

Answer 3

有一个在此的类，它是一个方法：

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

调用

var data:String = DisplayObjectUtils.getBase64ImageDataString(); 

将返回字符串：

data:image/png;base64,... 

然后您设置的SRC一个img在html中的值。