快捷導(dǎo)航

全面解析node 表單的圖片上傳

更新時間：2016年11月21日 11:52:52 作者：樹上葉子

本文給大家介紹分享node全面解析表單的圖片上傳，本文給大家介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧

node 全面解析表單的圖片上傳，multiparty解析與內(nèi)容類型的HTTP請求multipart/form-data，也被稱為文件上傳。

multiparty安裝

npm install multiparty

html代碼

<form action="/api/uppic" method="post" >
<input type="file" name="pic" >
<input type="submit">
</form>

node 代碼

app.route('/api/uppic').post(function(req,res){
var multiparty = require('multiparty'); 
var form = new multiparty.Form();//新建表單
//設(shè)置編輯
form.encoding = 'utf-8';
//設(shè)置圖片存儲路徑
form.uploadDir = "Uploads/gaoxiao/";
form.keepExtensions = true; //保留后綴
form.maxFieldsSize = 2*1024*1024; //內(nèi)存大小
form.maxFilesSize= 5*1024*1024;//文件字節(jié)大小限制，超出會報錯err
//表單解析
form.parse(req, function(err,fields,files) {
//報錯處理
if(err){
console.log(err);
var u={"error" :1,"message":'請上傳5M以圖片'};
res.end(JSON.stringify(u));
return false;
}
//獲取路徑
var oldpath=files.imgFile[0]['path'];
//文件后綴處理格式
if(oldpath.indexOf('.jpg')>=0){
var suffix='.jpg'; 
}else if(oldpath.indexOf('.png')>=0){ 
var suffix='.png'; 
}else if(oldpath.indexOf('.gif')>=0){ 
var suffix='.gif'; 
}else{
var u={"error" :1,"message":'請上傳正確格式'};
res.end(JSON.stringify(u));
return false;
}
var url='Uploads/gaoxiao/'+Date.now()+suffix;
var fs=require('fs');
//給圖片修改名稱
fs.renameSync(oldpath,url);
var u={ "error" : 0, "url" : '/'+url}
res.end(JSON.stringify(u)); 
});
});

multiparty

multiparty.Form創(chuàng)建一個新的形式**

encoding：用于輸入表單字段集編碼。默認為utf8

maxFieldsSize：限制內(nèi)存的所有字段（而不是文件）的量可以以字節(jié)為單位分配。如果超過該值，一個error事件被發(fā)射。默認大小為2MB。

maxFields：限制，將發(fā)射一個前解析字段的數(shù)目error的事件。一個文件算作在這種情況下，一個字段。默認為1000。

maxFilesSize：上傳文件大小限制，只有當(dāng)相關(guān)autoFiles的true。限制接受合并所有文件的總字節(jié)數(shù)。如果超過該值，一個error事件被發(fā)射。默認值是無窮大。

autoFields：啟用field事件和禁用part事件的字段。這是自動設(shè)置為true如果添加了一個field偵聽器。

uploadDir：只有當(dāng)相關(guān)autoFiles的true。目錄放置文件上傳。您以后可以使用移動它們fs.rename()。默認為os.tmpDir()。

form.parse（req，function(err,fields,files){}）

- fields：是一個對象（上傳名稱和值），其屬性名的字段名稱和值是字段值的數(shù)組。

- files ：是一個對象（上傳名稱和服務(wù)器文件路徑），其屬性名的字段名稱和值是文件對象的數(shù)組。

files內(nèi)文件對象file - 具有這些屬性的對象：