2017-05-17 2 views
-1

Mon code p5js est:envoie au serveur NodeJS

myFile = document.getElementById('file-input'); 

objUrl = URL.createObjectURL(myFile.files[0]); 

uploadedImage = loadImage(objUrl); 

image(uploadedImage,posX,posY,picWidth,picHeight);  

Comment puis-je envoyer cet objet d'image au serveur NodeJS pour dessiner l'image sur le côté client.

+0

Le noeud est côté serveur. Si l'image est téléchargée à partir du client, vous pouvez simplement l'afficher à ce moment-là, sans l'envoyer au nœud. – HReynaud

+0

il affiche de mon côté mais je veux l'afficher aussi du côté du client. Comment cela peut-il être fait? – Tanzeem

+0

Vous devriez expliquer ce que vous faites, globalement. Autant que je comprends, vous essayez d'obtenir une image avec le noeud, et l'envoyez au client? – HReynaud

Répondre

-1

Vous pouvez transmettre facilement des données dans une requête POST courante en utilisant le serveur Express.js ou le serveur WebSocket (socket.io).

+0

J'utilise express.js pour transmettre des données. Je passe l'objet uploadImage au serveur de noeud. mais je ne peux pas dessiner l'image du côté du client. – Tanzeem

+0

Avez-vous essayé de le convertir en base64? – Reski

+0

comment est-il converti en base64? – Tanzeem

-1

Le meilleur moyen d'envoyer l'image en temps réel serait d'utiliser socket.io. C'est un module websocket, fonctionnant avec tous les navigateurs. Cela signifie que les clients et le serveur sont connectés et peuvent échanger des informations en temps réel.

ici est la documentation avec des exemples simples: https://socket.io/docs/

Attention envoyer la bibliothèque au client et, donc il peut envoyer et recevoir des événements de socket.io

Vous serez en mesure de envoyer une image d'un client au serveur, puis l'envoyer du serveur aux autres clients connectés avec une diffusion ou sélectionner un client unique.