node.js读取图片文件并显示

 时间:2024-10-12 08:12:15

1、在node.js的www目录下新建n11.js、n12.js、a.html三个空文件,找一个png文件重命名为a.png放到www目录下。a.html内容随意写几个aaa;

node.js读取图片文件并显示

2、n12.js内容为var fs = require('fs');//调用nodejs自带的fs对象module.exports={ r1:function(path,res){ //调用fs对象读指定路径的文件内容。 fs.readFile(path,'binary',function(err,filecon){ if(err){ console.log(err); }else{ res.write(filecon,'binary'); res.end(); } }); }}

node.js读取图片文件并显示

3、n11.js内容为var http = require('http');//调用nodejs自带的http对象var f1 = require('./n12');//用http对象调用createServer方法来监听 本地8000端口//createServer方法中有两个内置参数对象,其中request为请求对象,response为响应体http.createServer(function(request,response){ //响应体写出头部信息response.writeHead(200,{'Content-Type':'image/jpeg'}); if(request.url!=='favicon.ico'){ f1.r1('./a.png',response); }}).listen(8000);//输出内容到控制台console.log('用http对象调用createServer方法来监听 本地8000端口');

node.js读取图片文件并显示

4、命令行运行node n11.js来监听8000端口

node.js读取图片文件并显示

5、浏览器地址栏输入localhost:8000回车,n11.js代码中所读取的a.png图片文件就显示在客户端浏览器中了。

node.js读取图片文件并显示

6、本案例中读取图片的函数 , 是否也可以用于读取html文件并显示呢?也是可以的,只要把response.writeHead(200,{'Content-Type':'image/jpeg'});改为response.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});f1.r1('./a.png',response);改为f1.r1('./a.html',response);

node.js读取图片文件并显示
  • myeclipse版本怎么查看
  • intellij idea如何关闭显示工具窗口栏
  • eclipse查看接口(interface)被哪些类实现了
  • Eclipse高亮显示当前(光标处的)变量
  • VS怎样自定义代码格式
  • 热门搜索
    国庆节手抄报简单又漂亮 安全小报手抄报 国庆节的手抄报怎么画 控烟手抄报 元宵节手抄报 一等奖 感恩母亲节手抄报 讲普通话手抄报 推广普通话手抄报句子 西游记手抄报图片 世界环境日手抄报