Nodejs 使用http模块怎么发送一张图片？

Nodejs 使用http模块怎么发送一张图片？

var server = http.createServer(function(req,res){ res.setHeader(‘Content-Type’,‘text/html’); res.end(‘Hello World’); }); server.listen(3000,‘127.0.0.1’); 可以给浏览器发送字符串，如果我想给浏览器仅仅发送一张图片该怎么做？ var server = http.createServer(function(req,res){ res.setHeader(‘Content-Type’,‘image/png’); //假如拿到图片数据，var image,如何发送到浏览器显示呢？ }); server.listen(3000,‘127.0.0.1’);


7 回复

要使用 Node.js 的 http 模块将图片发送到浏览器，你需要读取图片文件并将其内容作为响应体发送。以下是一个完整的示例代码，展示了如何实现这一点。

首先，确保你有一个图片文件（例如 example.png）在同一目录下。

示例代码

const http = require('http');
const fs = require('fs');

// 创建一个 HTTP 服务器
const server = http.createServer((req, res) => {
    // 设置响应头，告诉浏览器这是一个 PNG 图片
    res.setHeader('Content-Type', 'image/png');

    // 读取图片文件
    const imagePath = './example.png';
    const imageStream = fs.createReadStream(imagePath);

    // 将图片流作为响应体发送
    imageStream.pipe(res);
});

// 监听端口 3000
server.listen(3000, '127.0.0.1', () => {
    console.log('Server is running on http://127.0.0.1:3000');
});

解释

  1. 引入模块：

    • http 模块用于创建 HTTP 服务器。
    • fs 模块用于读取文件系统中的文件。

  2. 创建 HTTP 服务器：

    • http.createServer 方法创建一个新的 HTTP 服务器实例。
    • 回调函数接收两个参数：请求对象 (req) 和响应对象 (res)。

  3. 设置响应头：

    • res.setHeader('Content-Type', 'image/png') 设置响应头，告诉浏览器返回的内容类型是 PNG 图片。

  4. 读取图片文件：

    • fs.createReadStream(imagePath) 创建一个读取流，用于从文件系统中读取图片文件。这种方式比一次性读取整个文件更高效，特别是对于大文件。

  5. 发送图片数据：

    • imageStream.pipe(res) 将读取流直接连接到响应对象上，这样图片数据就可以直接被发送到客户端。

  6. 监听端口：

    • server.listen 方法让服务器开始监听指定的端口（这里是 3000），并在控制台输出一条消息，告知服务器已启动。

通过以上步骤，你可以使用 Node.js 的 http 模块将图片文件发送到浏览器，并在浏览器中正确显示。


你是问上传图片吗？ 还是静态服务器？

这里有一个静态文件服务器的例子：

var http = require('http'),
    url = require('url'),
    path = require('path'),
    fs = require('fs');

var PORT = 8080,
mimeTypes = {
“html”: “text/html”,
“jpeg”: “image/jpeg”,
“jpg”: “image/jpeg”,
“png”: “image/png”,
“js”: “text/javascript”,
“css”: “text/css”,
“txt”: “text/plain”
};


var server = http.createServer(function(req,res){
var pathname = __dirname + url.parse(req.url).pathname;


fs.exists(pathname, function(exists){
 var fileSteam,
     mimeType = mimeTypes[path.extname(pathname).split(".")[1]];
 if(!exists){
   res.writeHead(404, {"Content-Type": "text/plain"});
   res.write('This requst URL ' + pathname + ' was not found on this server.');
   res.end();
      return;
    } 

res.writeHead(200,{“Content-Type”: mimeType});	
fileSteam = fs.createReadStream(pathname);
fileSteam.pipe(res);
});	
});
server.listen(PORT);
console.log('Server runing at port: ’ + PORT + ‘.’);

只要输出对应mime类型，然后通过readStream输入流的pipe方法流向res(输出流)

var http = require( ‘http’ ); var fs = require( ‘fs’ ); http.createServer( function ( req, res ) { res.writeHead( 200, { ‘content-type’: ‘image/jpeg’ } ); var cs = fs.createReadStream( ‘./sl.jpg’, { ‘flag’: ‘r’ } ); cs.pipe( res ); //只读流流向输出流 } ).listen( 7878, function () { console.log( ‘server is start’ );//服务器都有静态文件功能 } )

.pipe 出去

谢谢，搞定了

多谢，搞定了

要在Node.js中使用http模块发送一张图片，你可以通过读取图片文件并将其作为响应体发送给客户端来实现。以下是一个简单的示例代码，展示了如何做到这一点：

const http = require('http');
const fs = require('fs');

const server = http.createServer((req, res) => {
    // 设置响应头部为图片类型（假设图片是PNG格式）
    res.setHeader('Content-Type', 'image/png');

    // 读取图片文件，并将其内容作为响应体发送
    const imageStream = fs.createReadStream('path/to/your/image.png');
    imageStream.pipe(res);

    // 可选地处理错误
    imageStream.on('error', (err) => {
        console.error(err);
        res.statusCode = 500;
        res.end('Internal Server Error');
    });
});

server.listen(3000, '127.0.0.1', () => {
    console.log('Server is listening on port 3000');
});

在这个示例中，我们首先引入了http和fs模块。http.createServer创建了一个HTTP服务器，当接收到请求时，它会设置响应头的Content-Type为image/png，然后使用fs.createReadStream创建一个可读流来读取指定路径的图片文件。通过.pipe(res)方法，将图片数据直接流式传输到响应对象中，这样就可以将图片直接发送到浏览器。

这种方式不仅效率高，还能够有效管理大文件的传输，避免内存溢出的问题。记得将'path/to/your/image.png'替换为你实际图片文件的路径。

回到顶部