【原创】formidable上传文件操作 -凯发官网首页

　　今天使用nodejs配合ajax，结合node第三方模块formidable上传文件，具体步骤如下：

　　首先去node凯发官网首页官网下载nodejs并且安装：https://nodejs.org/en/

　　进入终端之后直接输入指令npm install formidable,安装formidable模块之后就可以开始开发了。

　　首先前端布局文件上传界面，代码如下：

　　紧接着使用nodejs搭建后台服务器并且引入需要的formidable模块和前端请求发送的数据处理模块

　　//创建服务器，完成前端文件数据的存储
　　//引入formidable模块
　　var formidable = require('formidable');
　　//引入文件操作模块
　　var fs = require('fs');
　　//步骤1：引入http模块
　　var http = require('http');
　　//步骤2:创建服务器
　　var server = http.createserver(function (req, res) {
　　});
　　//步骤3:设置监听的端口号
　　server.listen(8080);

　　同时在nodejs文件中定义函数利用formidable完成form表单数据的解析，代码如下：

　　//定义函数完成文件的上传
　　function load_file(req, res) {
　　//创建form表单数据的解析对象
　　var form = new formidable.incomingform();
　　//设置文件上传之后在服务器端存储的路径
　　form.uploaddir = "./img";
　　//设置文件上传之后是否保存文件后缀，默认是不保存
　　form.keepextensions = true;
　　// form.maxfieldsize = 2*1024*1024;
　　//开始文件上传
　　form.parse(req, function (error, fields, files) {
　　if(error) {
　　var message = {err:1, msg:"文件解析失败"};
　　}
　　var message = {err:0, path:"http://localhost:8080/" files.file.path};
　　//向前端返回json数据
　　res.write(json.stringify(message));
　　res.end();
　　});
　　}

　　此时在创建服务器

　　var server = http.createserver(function (req, res) {
　　});

　　对应的回调函数中执行下面一段代码：

　　//req:request，客户端向服务器发送的请求
　　//res:response，服务器向客户端所做的回应
　　res.writehead(200, {"content-type":"text/json;charset=utf-8", 
"access-control-allow-origin":"http://localhost:63342"});
　　if(req.method == "post") {
　　//说明本次请求是用来进行文件上传
　　load_file(req, res);
　　}else {
　　//说明本次请求是为了向前端返回图片数据
　　var path = "." req.url;
　　//创建一个读取流
　　var readstream = fs.createreadstream(path);
　　//管道流
　　readstream.pipe(res);
　　}

　　最后在前端引入jquery文件之后，书写ajax请求完成form表单数据的上传

　　最终实现的效果：

其他相关课程推荐