Senden ByteArray zu JavaScript

So senden Sie ein jpg Bild als ByteArray von as3 javascript? Und wie konvertieren ByteArray Bild in javascript?

InformationsquelleAutor Alex | 2010-01-10
  1. 2

    JavaScript und DOM-Implementierungen von aktuellen web-Browsern nicht wirklich haben gute Mechanismen für diese Art der Sache.

    Ihre beste Wette ist, um Ihre AS3-Rückkehr ein DATEN-Protokoll-URI mit ein, die eine base64-codierte version des Bildes. Modernen Browser (IE8+, FF2+, etc) akzeptieren einen DATA URI als SRC eines IMG-Tags und rendert das Bild das darin enthalten ist.

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

    Müssen Sie haben eine AS3-Experten erklären, wie man ein byte-array in einen base64-kodierten string, aber es kann doch nicht so schwer sein.

    • Nicht gearbeitet, in <IE8 =(
    • In der Tat, das funktioniert nicht in älteren browser-Versionen. Ohne die Verwendung eines DATA-URI, es gibt keinen anderen Weg, dies zu tun mit der DOM selbst.
    • Für das Protokoll, die Art und Weise, um die Konvertierung ist: Nehmen Sie Ihre DisplayObject (Sprite/MovieClip/was auch immer), konvertieren Sie es in ein BitmapData (myBitmapData.zeichnen(mySprite);), konvertieren Sie diesen in eine PNG mit adobe-AS3CoreLib (myByteArray = PNGEncoder.encode(myBitmapData);), konvertieren Sie diesen in Base64-mit der Flex-Base64Encoder (myBase64Encoder.encodeBytes(myByteArray);), dann exportieren, dass einige Javascript-Funktion mit ExternalInterface.
    InformationsquelleAutor EricLaw
  2. 4

    Nehmen Sie Ihre DisplayObject (Sprite/MovieClip/was auch immer) und konvertieren Sie es in ein BitmapData:

    myBitmapData.draw(mySprite);

    Konvertieren, dass zu einem PNG mit adobe - AS3CoreLib 

    myByteArray = PNGEncoder.encode(myBitmapData);

    Konvertieren, die in Base64-mit der Flex -Base64Encoder: 

    myBase64Encoder.encodeBytes(myByteArray);

    Dann export von actionscript-Variablen an Javascript mit ExternalInterface.

    • nach mehr als 3 Jahren... und jemand anderes fand diesen Beitrag sehr hilfreich !! vielen, vielen Dank !!
    InformationsquelleAutor
  3. 0

    Gibt es eine Methode in dieser Klasse, die das tut:

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

    aufrufen 

    var data:String = DisplayObjectUtils.getBase64ImageDataString();

    gibt diesen string: 

    data:image/png;base64,...

    Richten Sie dann die src eines img im html-Wert.

    InformationsquelleAutor 1.21 gigawatts
Schreibe einen Kommentar