Adding images doesn't work in the browser

Using Browserify width PDFKit works great, but there’s an issue with brfs when trying to add an image (see https://github.com/substack/brfs/issues/36).

Trying to add an image gives you this in the console:

TypeError: fs.readFileSync is not a function

Basically, the transform for fs.readFileSync() only works when a string is the first parameter. Line 30 of image.js seems to be the problem:

data = fs.readFileSync(src);

Try adding any image to the demo and you get the same thing. The issue referenced above in the brfs repo has been open since October and doesn’t sound trivial. Any suggestions for a way round this problem?

[simonbernard]

There is a simple workaround when using browserify.

require('buffer');
var arraybuffer = 'image from server';
doc.image(new Buffer(arraybuffer));

It worked fine for me.

[blikblum]

Here’s an example: https://jsfiddle.net/rkolasie/6xxmLa38/