Send images on the fly about node-pureimage HOT 5 CLOSED

Base 64 would work for images, but it sometimes causes problems with larger ones.
I think what you are looking for is piping streams, and that's the same reason I came here too.

from node-pureimage.

Yes, you can do this. You'll need to store them in memory as a buffer instead of saving them to disk. However, you'll still need to serve them to the browser regardless of how they are stored. Your options are to base 64 encode them as a data URL, or you can render them directly to the data stream, referenced by a unique id. ex:

<img src="http://theserver.com/render?format=png&text=foobar"/>

then your server does something like

in event handler for the /render URL route
  var ctx = img.getContext('2d');
  //draw stuff
  img.renderToStream(res);

from node-pureimage.

Doing a bit of necromancy here.
Like the OP I'd like to send images as a datauri, they are all below 200x200 px bandwith shouldn't be an issue here, but I can't seem to figure out how I would generate the datauri from my img object.
I've tried using https://www.npmjs.com/package/datauri which takes a buffer, but the buffer from img.data fails when I try.
I don't seem to have the 'renderToStream' function either. I do have 'encodePNGToStream', but I can't figure out how to use it for generating a datauri either.
Any help would be appreciated.

from node-pureimage.

How does it fail? What error does it give?

from node-pureimage.

Well, the output seems to be an order of magnitude larger than what I expect
(https://pastebin.com/BRHzYvvN)
And when I try to use the datastring as an image I'm being told that "the image cannot be displayed because it contains errors", which is not a lot to go on.

What I'm trying to do is:

datauri.format('.png', img.data);
And then use
datauri.content

from node-pureimage.