我们在做文件上传前需要用npm来安装一个插件先,
首先打开项目所在的目录,然后按住shift键然后右键鼠标进入命令行安装formidable
然后开始编写上传的静态页面:
<!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模块
详细代码如下所示:
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');
然后进行测试。。。
这样我们即可成功完成上传功能....