準(zhǔn)備

使用 $npm install http-f2e-server@0.0.6 進(jìn)行安裝之前版本，本篇在此基礎(chǔ)上使得POST請求的文件數(shù)據(jù)處理結(jié)果類似GET請求。

添加formidable依賴

修改package.json文件添加formidable依賴。由于之前版本忘記添加underscore依賴，本次加上結(jié)果如下:

"dependencies": {
    "mime": "1.2.11",
    "underscore": "1.7.0",
    "formidable": ">=1.0.15"
},

npm install

安裝formidable。

主流程添加入口

if( req.method === "POST" ){    // POST請求
    rs.on("end",function(){
        require("./lib/post").execute(str, root, req, resp);
    });
}

將resp傳遞進(jìn)去以備操作輸出給客戶端。

創(chuàng)建formidable對象并且解析request

var form = new formidable.IncomingForm(),
    files = [],
    fields = {};
form.uploadDir = req.data.uploadUrl 
    ? ( root + "/" + req.data.uploadUrl + "/" ) 
    : path.join( __dirname + "/tmpl/" ); //上傳路徑?jīng)]有傳遞的時候, 默認(rèn)
form.parse(req);

在解析事件中添加字段和文件

如果是空文件，不保存

form.on('field', function(field, value) { //處理字段
    fields[field] = value;
}).on('file', function(field, file) {   //處理文本
    if( file.size ){
        files.push({name: field, file: file});
    }
})

解析完成時:

對上傳文件進(jìn)行重命名，同時POST數(shù)據(jù)結(jié)果綁定在request上。

form.on('end', function() {   //字段和文本都保存結(jié)束后
    files.map(function(file){
        fs.rename(file.file.path, form.uploadDir + file.file.name, function (err) {
            if(err){ throw err; }
        });
    });
    req.post = fields; //字段保存在request.post上, 可以在模板頁面使用
    req.files = files; //文件基本信息也保存在request.files上
    resp.end( _.template(str)({require: require,request:req,response:resp}) ); 
});

測試Demo

<fieldset>
    <lengend>表單提交</lengend>
    <form action="post.json" method="post" enctype="multipart/form-data">
        <label>用戶名:</label> <input type="text" name="name"> <br>
        <label>頭像上傳:</label> <input type="file" name="icon"> <br>
        <input type="submit" value="提交">
    </form>
</fieldset>

目標(biāo)代碼 example/post.json

<%=JSON.stringify({
    get: request.data,
    post: request.post,
    files: request.files
})%>

結(jié)果

post.png

PS:

相關(guān)完整代碼已經(jīng)發(fā)布到了npm倉庫中， 可以使用 $npm install http-f2e-server@0.0.8 進(jìn)行安裝或者更新。進(jìn)入目錄后使用 $node http-f2e-server.js 啟動服務(wù)，并查看Demo。