Node.js 读取图片

Node.js 读取图片

读取图片的时候需要注意response.writeHead()的内容需要改变为:

response.writeHead(200,{'Content-Type' : 'image/jpeg'});

读取图片的时候,跟读取文件的时候有些不同:

var fs = require("fs");

module.exports = {

    readfileSync : function(path){//同步读取
        var data = fs.readFileSync(path,'utf-8');
        console.log(data);
        console.log("同步方法执行完毕");
    },

    readfile : function(path,recall){//异步执行
        fs.readFile(path,function(err,data){
            if(err){
                console.log(err);
            }else{
                recall(data);   //回调recall函数,它是闭包函数,它会存储原来的response对象
                console.log(data.toString());
            }
        });
        console.log("异步方法执行完毕");

    },

    readImg : function(path,res){
        fs.readFile(path,'binary',function(err,file){
            if(err){
                console.log(err);
                return ;
            }else{
                res.write(file,'binary');
                res.end();
            }
        });
    }
}

fs.readFile(path,’binary’,function(err,file){})的参数多了一个’binary’,以二进制流的方式读取。
res.write(file,’binary’);response也以二进制流的方式向浏览器输出。

最后我们在主程序中调用:

var http = require('http');
var optfile = require('./fs_read');
http.createServer(function(request,response){
    response.writeHead(200,{'Content-Type' : 'image/jpeg'});
    if(request.url != '/favicon.ico'){
        optfile.readImg('./1.png',response);
        console.log("主程序结束");
    }   
}).listen(8000);

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

这里写图片描述

这里写图片描述

有一点需要注意,改写为response.writeHead(200,{'Content-Type' : 'image/jpeg'});response就以二进制流的方式输出,你在写出任何的字节图片都不会出来,不管你是在调用readImg()方法之前还是之后。

var http = require('http');
var optfile = require('./fs_read');
http.createServer(function(request,response){
    response.writeHead(200,{'Content-Type' : 'image/jpeg'});
    if(request.url != '/favicon.ico'){
        response.write("Hello");//不能向客户端输出任何字节
        optfile.readImg('./1.png',response);
        console.log("主程序结束");
    }   
}).listen(8000);

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

图片无法显示:
这里写图片描述

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值