Comment envoyer arraybuffer que les binaires via Websocket?

Je suis en train de travailler sur un projet avec Mozilla Europe. Dans ce projet, j'utilise websocket par Worlize (côté serveur) et Mozilla (côté client), Node.js essayer de télécharger des fichiers à partir d'un client à un serveur.

Mon objectif est d'envoyer un arraybuffer du fichier sur le serveur. Créer le arraybuffer et de l'envoyer, il est très bien.

Mais mon serveur me dit que arraybuffer est une utf8 message et pas un message binaire.

Faire j'ai mal compris quelque chose? Si non, comment puis-je corriger cela?

Côté Client:

    reader = new FileReader();
    reader.readAsArrayBuffer(file);
    reader.onload = function(e) {
        connection.send(e.target.result); 
    };

Côté serveur:

ws.on('message', function(message,flags) {
if (!flags.binary) {
    //some code
}
else {
    console.log('It\'s a binary');
}

J'ai essayer avec Blob trop, même résultat. Le binaire de la partie est invisible.

  • C'est un Q&Un site, "de la fourche et de participer" n'arrivera pas ici (voir la section stackoverflow.com/faq). Aussi, s'il vous plaît ne demandez pas aux gens de creuser par le biais de votre code - inclure le code minimal nécessaire pour expliquer exactement ce que vous êtes en train de faire.
  • Je réalise que cela a été demandé il y a quelques temps donc, après avoir dit que je veux juste ajouter que Firefox 11 et suivants de soutien binaire ArrayBuffer et Blob.
InformationsquelleAutor Chris | 2012-03-03
  1. 22

    Gecko11.0 ArrayBuffer envoyer et recevoir de l'aide pour des données binaires a été mis en œuvre.

    connection = new WebSocket('ws://localhost:1740');
connection.binaryType = "arraybuffer";
connection.onopen = onopen;
connection.onmessage = onmessage;
connection.onclose = onclose;
connection.onerror = onerror;

    l'envoi de données Binaires:

    function sendphoto() {
    imagedata = context.getImageData(0, 0, imagewidth,imageheight);

    var canvaspixelarray = imagedata.data;


    var canvaspixellen = canvaspixelarray.length;
    var bytearray = new Uint8Array(canvaspixellen);

    for (var i=0;i<canvaspixellen;++i) {
        bytearray[i] = canvaspixelarray[i];
    }

    connection.send(bytearray.buffer);
    context.fillStyle = '#ffffff';
    context.fillRect(0, 0, imagewidth,imageheight);    
}

    Réception De Données Binaires:

    if(event.data instanceof ArrayBuffer)
    {

        var bytearray = new Uint8Array(event.data);


        var tempcanvas = document.createElement('canvas');
            tempcanvas.height = imageheight;
            tempcanvas.width = imagewidth;
        var tempcontext = tempcanvas.getContext('2d');

        var imgdata = tempcontext.getImageData(0,0,imagewidth,imageheight);

        var imgdatalen = imgdata.data.length;

        for(var i=8;i<imgdatalen;i++)
        {
            imgdata.data[i] = bytearray[i];
        }

        tempcontext.putImageData(imgdata,0,0);


        var img = document.createElement('img');
            img.height = imageheight;
            img.width = imagewidth;
            img.src = tempcanvas.toDataURL();
        chatdiv.appendChild(img);
        chatdiv.innerHTML = chatdiv.innerHTML + "<br />";
    }
    • Ce que tu veux dire Gecko11.0
    • mais comment puis-je envoyer également, par exemple, le nom du fichier avec les données? Si je l'ai mis dans un JSON JSON.stringify ne fonctionne pas pour arraybuffers...
    InformationsquelleAutor Konga Raju
  2. 1
    Note: Prior to version 11, Firefox only supported sending data as a string.

    Source: https://developer.mozilla.org/en/WebSockets/Writing_WebSocket_client_applications

    InformationsquelleAutor Dennis