nodejs - How to read and output jpg image?

Question

I've been trying to find an example of how to read a jpeg image and then show the image.

var http = require("http"), fs = require("fs"); http.createServer(function (req, res) { res.writeHead( 200, { "Content-Type": "text/html" } ); fs.readFile("image.jpg", function (err, data) { if (err) throw err; res.write(data); }); res.end(); }).listen(8124, "127.0.0.1"); console.log("Server running at http://127.0.0.1:8124/");

Tried the following code but I think the encoding needs to be set as buffer. Using console.log it outputs 'Object' for the data.

maerics · Accepted Answer · 2020-03-26 15:27:33Z

Here is how you can read the entire file contents, and if done successfully, start a webserver which displays the JPG image in response to every request:

var http = require('http') var fs = require('fs') fs.readFile('image.jpg', function(err, data) { if (err) throw err // Fail if the file can't be read. http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'image/jpeg'}) res.end(data) // Send the file data to the browser. }).listen(8124) console.log('Server running at http://localhost:8124/') })

Note that the server is launched by the "readFile" callback function and the response header has Content-Type: image/jpeg.

[Edit] You could even embed the image in an HTML page directly by using an <img> with a data URI source. For example:

 res.writeHead(200, {'Content-Type': 'text/html'}); res.write('<html><body><img src="data:image/jpeg;base64,') res.write(Buffer.from(data).toString('base64')); res.end('"/></body></html>');

Is there a way to do it so lets say we read the jpeg data and put in the src attribute maybe through encoding it to base64?
Awesome! Just the solution I needed. Thanks for that second example.

Sercan REYHANLI · Accepted Answer · 2019-01-01 19:35:32Z

Two things to keep in mind Content-Type and the Encoding

1) What if the file is css

if (/.(css)$/.test(path)) { res.writeHead(200, {'Content-Type': 'text/css'}); res.write(data, 'utf8'); }

2) What if the file is jpg/png

if (/.(jpg)$/.test(path)) { res.writeHead(200, {'Content-Type': 'image/jpg'}); res.end(data,'Base64'); }

Above one is just a sample code to explain the answer and not the exact code pattern.

Collectives™ on Stack Overflow

nodejs - How to read and output jpg image?

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related