How to stream a file from node js to angular js

Question

I am new in angular and node js. I am trying to send file contents from node to angular. But i can't read it from my angular code

Here is my code

Node express

var img = fs.readFileSync('./test.jpg');
     //res.writeHead(200, {'Content-Type': 'image/jpg' });
     //res.end(img, 'binary');
     res.send({'data':img});
     console.log(img);

Angular code is

<img ng-src="data:image/JPEG;base64,{{image}}">

LearnCode Master · Accepted Answer · 2016-06-10 10:34:12Z

1

Try this code,

    var img = fs.readFileSync('./test.jpg');

    fs.readFile('./test.jpg', function(err, original_data){

    var base64Image = new Buffer(original_data, 'binary').toString('base64');
    console.log(base64Image);
    res.send(base64Image);

Angular js,

<img ng-src="data:image/jpg;base64,{{file_name}}" id="photo-id"/>

answered Jun 10, 2016 at 10:34

LearnCode Master

5522 gold badges8 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to stream a file from node js to angular js

Node express

Angular code is

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Node express

Angular code is

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related