直入主题,在Node.js web 开发基本框架的前提下,我们来做一个文件上传功能
上传的handler比较简单,网上都能找到
function fileUploadForm(request,response){
response.writeHead(200,{'Content-Type':'text/html'});
var body = ''+
''+
'<meta http-equiv="Content-Type" '+
'content="text/html; charset=UTF-8" />'+
''+
''+
'<form action="/fileuploadaction" method="post" enctype="multipart/form-data">'+
''+
''+
''+
''+
''+
'';
response.write(body);
response.end();
}
<span style="color: rgb(255,0);">function fileUploadAction(request,response){
var fs=require('fs');
var formidable=require('formidable');
var baseUploadPath="./media/upload/";
var form=new formidable.IncomingForm();
form.uploadDir='./var/tmp';
form.parse(request,function(error,fields,files){
if(!error){
console.log(fields);
var desUploadName=baseUploadPath+files.upload.name;
fs.renameSync(files.upload.path,desUploadName);
response.writeHead(200,{'Content-Type':'text/html'});//值得注意的是这里的response.writeHead()函数内容要写在form.parse()的callback中要不不会显示
response.write('received image:');
response.write('');
response.end();
}
});
}
function showUploadImage(request,response){
var fs=require('fs');
var imageName=querystring.parse(url.parse(request.url).query);
var baseUploadPath="./media/upload/";
fs.readFile(baseUploadPath+imageName.name,"binary",file) {
if(error) {
response.writeHead(500,{"Content-Type": "text/plain"});
response.write(error + "\n");
response.end();
} else {
response.writeHead(200,{"Content-Type": "image/png"});
response.write(file,"binary");
response.end();
}
});
}
exports.fileuploadform=fileUploadForm;
exports.fileuploadaction=fileUploadAction;
exports.showuploadimage=showUploadImage;
同时在index.js中添加
有一点需要注意的是,在有需要处理文件上传的时候,不能在server中添加
和