How to encode an image stored in a Uint8Array?

[vasconce1o]

I am trying to send an image as part of an object from a web browser, the image is stored in a Uint8Array, but it is encoded to a map, the code is as follows:

var msg = new Object;
msg.op = 'image';
var ia = new Uint8Array(arraybuffer);
msg.image = ia;
var buffer = msgpack.encode(msg);
websocket.send(buffer)

Is there any way to do this, thanks in advance.

[kawanet]

@vasconce1o, Uint8Array looks that it could be encoded and decoded, correctly.

var source = new Uint8Array([1,2,3,4]);
var encoded = msgpack.encode(source);
var decoded = msgpack.decode(encoded);
decoded instanceof Uint8Array; // => true

JSON.stringify, which does not support Uint8Array, would encode it as a Map, however.

JSON.stringify(source); // => "{"0":1,"1":2,"2":3,"3":4}"
JSON.stringify(decoded); // => "{"0":1,"1":2,"2":3,"3":4}"

How you find that your image is encoded to a map?

[vasconce1o]

@kawanet I am using MessagePack for Qt on the server side and I am receiving code 0x83 that corresponds to the map instead of receiving a bin8 - 0xc4, bin16 - 0xc5, or bin32 - 0xc6 code.

Thanks