nodejs路由控制图文混排

nodejs通过路由升级，接口处返回文字和图片，进行图文混排。

思考：

当第一次请求localhost:8006/buny的时候，会加载buny.html的文档部分，当<img src="/shiwImg">的时候，会加载localhost:8006/showImg的方法读取图片。最后一期显示出来，图片和文字一起加载。主要就是通过控制路由。

routerImg.js

var http=require('http');
var url=require('url');
var router=require('../module/tuwen.js');
http.createServer(function(request,response){if(request.url !== '/favicon.ico'){//清除第二次访问console.log('访问');var pathname=url.parse(request.url).pathname;pathname=pathname.replace(/\//,'');//替换前面/console.log(pathname)router[pathname](request,response);// response.end("");//不写会没有协议尾部，但是写了会访问俩次}
}).listen(8006);
console.log('Server running at http://127.0.0.1:8006/')

tuwen.js

var optfile = require('../module/optfile.js');
var imgFile=require('../module/image.js');
module.exports={buny:function(req,res){//闭包，回调这个函数,客户端打印程序function recall(data){res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});res.write(data);res.end("");}optfile.readfile('../view/buny.html',recall)},showImg:function (req,res){res.writeHead(200,{'Content-Type':'image/jpeg'});imgFile.readImg('../imgs/vue.png',res);}
}

optfile.js

var fs=require('fs');
module.exports={readfileSync:function(path){//同步读取var data = fs.readFileSync(path,'utf-8');console.log('同步方法执行完毕');// return data;},readfile:function(path,recall){ //异步执行fs.readFile(path,function(err,data){if(err){console.log(err);}else{console.log(data.toString());recall(data);}})},
}

buny.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
喜欢你
<img src="/showImg"/>
</body>
</html>

nodejs路由控制图文混排相关推荐

css控制图文混排、图文自适应容器显示的效果
闲来无聊,写了一个css控制图文混排.图文自适应容器显示的效果. 下面js,是鼠标拖动div缩放大小的代码, 跟样式无关,目的是展示自适应效果. 留存参考: <!DOCTYPE html /&g ...
大学计算机word图文混排,Word 2003从入门到精通第五讲（图文混排）讲稿
<Word 2003从入门到精通>第五讲(图文混排) 讲师朱先忠Part 0主要内容 Part 1插入图形在WORD2003中,插入图片的8种途径: 剪贴画来自文件来自扫描仪或者照 ...
计算机基础教学能力比赛教案,全国“XX杯”说课大赛计算机应用基础类优秀作品：Word图文混排教案...
<全国"XX杯"说课大赛计算机应用基础类优秀作品:Word图文混排教案>由会员分享,可在线阅读,更多相关<全国"XX杯"说课大赛计算机应用基础 ...
计算机图文混排三笔记,Markdown，让你印象笔记中的图片版面更好看
但凡用过印象笔记的人应该都对印象笔记中的图片印象深刻.看到笔记中的图片那种自我放飞的神态,那种自我舒展的情形,简直想砸了电脑的冲动都有了. 好了,现在印象笔记支持Markdown了.图片操控从此更容易 ...
unity实战之TextMeshPro实现聊天图文混排
前言最近项目不太忙,看看以前的代码,总结记录下以前做的功能,翻到聊天这里,虽然几乎每个游戏都有聊天系统,但是我觉得还是有必要记录下聊天系统的实现.毕竟当初做这个系统的时候还是踩过几个坑. 1.文字自 ...
菜鸡瞎逼逼：基于UGUI的图文混排
前一阵子在做UI的时候遇到了这样的一个需求,是在一行里显示这样的东西: 而且我们这个项目要做多语言,也就是前边后边的文字都不一定是什么,有可能是中文有可能是英文有可能是俄语也有可能是泰文-(我们项目虽 ...
计算机基础知识导读,计算机基础知识——图文混排教学教案.ppt
计算机基础知识--图文混排教学教案图文混排课前导读基础知识重点知识了解知识基础知识插入艺术字.选择艺术字种类.通过这两个知识点的学习,可以学会使用艺术字,使Word文档更生动美观. 重点 ...
浅析微博编辑页面图文混排中遇到的问题
在表情键盘的图文混排中,会有很多细节问题.有的时候不理解其中的原因是很难改正的.本文主要是整理我遇到的各种问题及解决方案,供大家分享.如果你以前也遇到过类似的问题可以用我的方法修正了,希望能够对博友们 ...
图文混排作品HTML5利用css样式,DivCSS布局实例：很实用的图文混排CSS列表
CSS网页布局的一大特点就是列表元素的应用,在传统的表格布局中往往将列表元素作为表格来处理,这样的方式非但不具有语义还产生了许多不必要的代码. 今天我们共同学习一款"图文混排CSS列表&qu ...

nodejs路由控制图文混排

nodejs路由控制图文混排相关推荐

最新文章

热门文章