Gửi ByteArray tới JavaScript

Question

Cách gửi hình ảnh jpg dưới dạng ByteArray từ as3 đến javascript? Và làm thế nào để chuyển đổi ByteArray thành hình ảnh trong javascript?

Answer 1

Việc triển khai JavaScript và DOM của trình duyệt web hiện tại không thực sự có cơ chế tốt để thực hiện việc này.

Đặt cược tốt nhất của bạn là yêu cầu AS3 trả lại URI giao thức DATA bằng phiên bản được mã hóa theo hình nền của base64. Các trình duyệt hiện đại (IE8 +, FF2 +, v.v.) sẽ chấp nhận URI DỮ LIỆU là SRC của thẻ IMG và sẽ hiển thị hình ảnh trong đó.

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

Bạn sẽ cần phải có một chuyên gia AS3 giải thích làm thế nào để biến một byte mảng thành một chuỗi base64 mã hóa, nhưng nó không thể là khó.

Answer 2

Hãy bạn DisplayObject (Sprite/MovieClip/bất cứ điều gì) và chuyển nó sang một BitmapData:

myBitmapData.draw(mySprite); 

Chuyển đổi đó để một PNG sử dụng adobe của AS3CoreLib

myByteArray = PNGEncoder.encode(myBitmapData); 

Chuyển đổi đó để Base64 sử dụng Flex của Base64Encoder :

myBase64Encoder.encodeBytes(myByteArray); 

Sau đó, export actionscript variables to Javascript sử dụng ExternalInterface.

Answer 3

Có một phương thức trong lớp này nào đó:

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

gọi

var data:String = DisplayObjectUtils.getBase64ImageDataString(); 

sẽ trở lại chuỗi này:

data:image/png;base64,... 

Sau đó bạn thiết lập src của một img trong html với giá trị đó.