node例子2 从后台读取图片展示在浏览器。

server.js

var http = require('http');
var readImage  = require('./image')

console.log(readImage);;

http.createServer(function (req, res) {
   // res.writeHead(200, {"Content-Type":"text/html; charset=uf-8"});
    res.writeHead(200, {"Content-Type":"image/jpeg"});
    if (res.url!=="/favicon.ico") {
        // res.write("hello world");
        readImage('../images/dog.png', res); //如果文件路径存在则添加数据,如果不存在则新建文件并且添加数据
        console.log("继续执行");
        // res.end(); 此函数在readImage中包含
    }
}).listen(3000);

console.log('Server running at http://127.0.0.1:3000/')

image.js

var fs = require('fs');

//2.从后台读取图片展示在浏览器。图片存放在/public/images
var uploadimage = function(path ,res){
    fs.readFile(path ,'binary', function (err, file) {
        if (err){
            console.log(err);
            return;
        }
        else{
            console.log('输出文件');
            res.writeHead(200, {'Content-Type':'image/jpeg'});
            res.write(file, 'binary');
            res.end();
        }
    });
};

module.exports = uploadimage;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在浏览器打开node图片,首先需要确保你已经有一个可用的Web服务器。你可以使用Node.js的内置模块http或其他第三方模块来创建一个简单的Web服务器。 首先,需要安装Node.js和http模块。然后,在你的项目文件夹中创建一个服务器脚本文件,比如server.js。 在server.js中,引入http模块和文件系统模块fs。 ```javascript const http = require('http'); const fs = require('fs'); ``` 然后,创建一个服务器并监听指定端口,比如3000。 ```javascript const server = http.createServer((req, res) => { // 读取图片文件 fs.readFile(__dirname + '/image.jpg', (err, data) => { if (err) { res.statusCode = 404; res.end('Not Found'); } else { // 设置响应头为图片类型 res.setHeader('Content-Type', 'image/jpeg'); // 将图片数据写入响应 res.end(data); } }); }); server.listen(3000, () => { console.log('Server is running on port 3000'); }); ``` 这段代码创建了一个简单的HTTP服务器,当有请求访问时,它会读取项目文件夹中的image.jpg文件,并将其作为响应返回。 最后,打开命令行工具,导航到你的项目文件夹,运行以下命令启动服务器: ``` node server.js ``` 然后,在浏览器中输入http://localhost:3000,即可在浏览器中打开node图片。请确保项目文件夹中有名为image.jpg的图片文件,并与server.js在同一目录下。 这样,当你在浏览器中访问http://localhost:3000时,服务器将返回image.jpg的内容,并在浏览器显示图片
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值