nodejs+ express+jade 图片显示例子

本文通过app.js配置,结合header.jade和layout.jade模板,演示了如何在Node.js+Express+jade环境中展示图片。需要注意的是,jade语法对缩进敏感,错误的缩进可能导致页面解析错误,这在排查问题时是个挑战。
摘要由CSDN通过智能技术生成

app.js(记得安装下面这些模块)

var express=require('express');
var path=require('path');
var port=process.env.PORT ||3000;
var app=express();

var fs=require('fs');

app.set('views','./views/pages');
app.set('view engine','jade');
//设置网站的静态目录。<span style="font-family: Arial, Helvetica, sans-serif;">__dirname 是app.js (程序入口文件)所在的目录。因为图片都保存在photos文件夹下,所以设置静态路径。直接浏览localhost:3000/图片名  就对应该目录下的文件名。这就是express.static 的作用</span>
app.use(express.static(path.join(__dirname,'/<span style="font-family: Arial, Helvetica, sans-serif;">photos</span><span style="font-family: Arial, Helvetica, sans-serif;">')) );</span>

app.listen(port);

console.log('started on port' + port );

app.get('/photos', function
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值