jade高级语法、ejs模板库、express框架整合、nodejs后台处理图片上传实例(form表单提交)

最新推荐文章于 2023-01-14 17:51:58 发布

qq_33828155

最新推荐文章于 2023-01-14 17:51:58 发布

阅读量1k

点赞数

文章标签：上传图片 ejs

本文链接：https://blog.youkuaiyun.com/qq_33828155/article/details/80998096

版权

本文介绍了如何结合Jade高级语法、EJS模板库和Express框架，实现Node.js后台处理图片上传的功能。通过表单提交，详细阐述了图片上传的步骤和关键代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，jade实例

doctype
html
	head
		meta(charset="utf-8")
		title jade测试
		style.
			div{
				width:100px;
				height:100px;
				background:#ccc;
				margin:20px;
				float:left;
				color:#fff;
				text-align:center;
				line-height:100px;
			}
			div.last{
				clear:left;
			}
	body
		-var a=0
		while a<12
			if a%4==0 && a!=0
				div.last=a++
			else
				div=a++

const jade =require('jade');
const fs = require('fs');

var str = jade.renderFile('www/2.jade',{pretty:true});

fs.writeFile('./www/main.html', str, function(err){
    if(err){
    	console.log('编译错误');
    }else{
    	console.log('成功');
    }
});

二，ejs <%=name%>

	<% for(var i=0;i<json.arr.length;i++){ %>
	<div>用户名：<%=json.arr[0].user%><span>密码：<%=json.arr[i].pass%></span></div>
	<% } %>
	<div><%=name%></div>

const ejs = require('ejs');
ejs.renderFile('www/1.ejs',{json:{arr:[
	{user:'aa',pass:'111'},
	{user:'bb',pass:'222'},
	{user:'cc',pass:'333'},
	]},name:'wangni'},
	function(err,data){
	if(err){
		console.log('编译错误');
	}else{
		console.log(data)
	}
})

三，nodejs后台处理图片上传

//上传图片
const express = require('express');
const fs = require('fs');
const bodyParser = require('body-parser');
const multer = require('multer');
const pathLip = require('path');

var server = express();
//解析post数据
// server.use(bodyParser.urlencoded({
// 	extended:false
// }));

// server.use('/',function(req,res){
// 	console.log(req.body);
// });

//解析post文件
var obj_mul = multer({dest:'./www/upload/'});//放在什么地方
server.use(obj_mul.any());
server.use('/',function(req,res){
	// console.log(pathLip.parse(req.files[0].originalname).ext);
	// console.log(req.files[0].path);
	var newFile = req.files[0].path + pathLip.parse(req.files[0].originalname).ext
	fs.rename(req.files[0].path, newFile, function(err){
		if(err){
			res.send('上传失败');
		}else{
			res.send('上传成功');
		}
	});
});


server.listen(8090);