夺命雷公狗---node.js---11之文件上传

我们在做文件上传前需要用npm来安装一个插件先,

首先打开项目所在的目录,然后按住shift键然后右键鼠标进入命令行安装formidable

夺命雷公狗---node.js---11之文件上传

夺命雷公狗---node.js---11之文件上传

然后开始编写上传的静态页面:

夺命雷公狗---node.js---11之文件上传

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>附件上传表单</h1>
<form name="index" action="/post" method="post" enctype="multipart/form-data">
<label>附件:<input type="file" name="fujian"></label><br /><br />
<input type="submit" value="上传">
</form>
</body>
</html>

然后开始编写index.js文件,必须先引入刚才下载好的formidable模块

夺命雷公狗---node.js---11之文件上传

详细代码如下所示:

夺命雷公狗---node.js---11之文件上传

var http = require('http'),
fs = require('fs'),
url = require('url'),
util = require('util'),
formidable = require('formidable'),
querystring = require('querystring');
var server = http.createServer(function(req,res){
var pathname = url.parse(req.url).pathname;
if(pathname == '/index'){
var pageContent = fs.readFile('index.html','utf-8',function(err,data){
if(err){
console.log('Server error:111');
}else{
res.writeHead(200,{"Content-Type":"text/html"});
res.write(data);
res.end();
}
});
}else if(pathname == '/post'){
var form = new formidable.IncomingForm();
form.uploadDir = './temp';
form.parse(req,function(err,fields,files){
res.writeHead(200,{"Content-Type":"text/html"});
console.log(files);//看下文件上传信息
var path = files.fujian.path;
var timestamp = (new Date()).valueOf(); //生成时间戳,然后在下面用时间戳给图片命名
fs.rename(files.fujian.path,"./temp/"+timestamp+'.jpg');//这里的temp目标必须提前准备好,不然报错
res.end();
});
}else{
res.writeHead(404,{"Content-Type":"text/plain"});
res.end('error:404');
console.log('error');
}
});
server.listen(3323);
console.log('@http://localhost:3323');

然后进行测试。。。

夺命雷公狗---node.js---11之文件上传

夺命雷公狗---node.js---11之文件上传

夺命雷公狗---node.js---11之文件上传

这样我们即可成功完成上传功能....

上一篇:20155324《网络对抗技术》web安全基础实践


下一篇:Jquery控制点击时一、二级菜单*隐藏与出现