Node.js原生加载静态文件(html或图片等)

代码:

html:

<img src="./public/a.jpg">

Nodejs:

var http = require('http');

http.createServer(function (req, res) {

    //获取文件类型
    var type = req.url.substr(req.url.length - 4, req.url.length);

    //获取资源路径
    var realpath = __dirname + '/public/';

    //加载需要显示的图片资源
    if (type == '.jpg') {
        res.writeHead(200, { 'Content-Type': 'text/'+type });
        res.end(fs.readFileSync(realpath + 'a.jpg'));
    }

    //加载静态html文件
    if (req.url == "/") {
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.end(fs.readFileSync(__dirname + '/index.html'));
    }
}).listen(8080, function () {
    console.log("http://localhost:8080");
});

这样加载的html文件中的图片就能够显示了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,678评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 班级情况: 校区:科学创想乐高机器人和平校区 时间:周五17:30---18:30 学员:李乐然 韩悦飏 任教老师...
    方块紫阅读 370评论 0 0
  • 从运行角度,信用并非开始,而是结果。所以核心动力应该是利润,系统从个案中一对一,一一获取利润,中间植入文化,整合以...
    咸叔说阅读 168评论 0 1