Node.js模擬瀏覽器檔案上傳範例_javascript技巧

OSChina上發過了，那個也是我的，現在放到這來，哈哈

這段程式碼只能一次上傳一個檔案~~

複製程式碼 程式碼如下:

var path=require("path");
var fs=require("fs");
var http=require("http");

//post值payload
var getfield=function(field, value) {
return 'Content-Disposition: form-data; name="' field '"rnrn' value 'rn';
}

//檔案payload
var getfieldHead=function (field, filename) {
var fileFieldHead='Content-Disposition: form- data; name="' field '"; filename="' filename '"rn' 'Content-Type: ' getMime(filename) 'rnrn';
return fileFieldHead;
}
//取得Mime
var getMime=function (filename) {
var mimes = {
'.png': 'image/png',
'.gif': 'image/gif',
' .jpg': 'image/jpeg',
'.jpeg': 'image/jpeg',
'.js': 'appliction/json',
'.torrent': 'application/octet -stream'
};
var ext = path.extname(filename);
var mime = mimes[ext];
mime=!!mime?mime:'application/octet-stream' ;
return mime;
}
//取得邊界檢查隨機字串
var getBoundary=function() {
var max = 9007199254740992;
var dec = Math. * max;
var hex = dec.toString(36);
var boundary = hex;
return boundary;
}
//取得boundary
var getBoundaryBorder=function (boundary ) {
return '--' boundary 'rn';
}
//欄位格式化
function fieldPayload(opts) {
var payload=[];
for( var id in opts.field){
payload.push(getfield(id,opts.field[id]));
}
payload.push("");
return payload.join (getBoundaryBorder(opts.boundary));
}

//post資料
function postRequest (opts) {
filereadstream(opts,function (buffer) {
var options= require('url').parse(opts.url);
var Header={};
var h=getBoundaryBorder(opts.boundary);
var e=fieldPayload(opts);
var a=getfieldHead(opts.param,opts.file);
var d="rn" h;
Header["Content-Length"]=Buffer.byteLength(h e a d) buffer.length;
Header["Content-Type"]='multipart/form-data; boundary=' opts.boundary;
options.headers=Header;
options.method='POST';
var req=http .request(options,function(res){
var data='';
res.on('data', function (chunk) {
data =chunk;
});
res.on('end', function () {
console.log(res.statusCode)
console.log(data);
});
});
req .write(h e a);log.diy(h e a buffer d);
req.write(buffer);
req.end(d);
});

}
//讀取檔案
function filereadstream(opts, fn) {
var readstream = fs.createReadStream(opts.file,{flags:'r',encoding:null});
var chunks= [];
var length = 0;
readstream.on('data', function(chunk) {
length = chunk.length;
chunks.push(chunk);
} );
readstream.on('end', function() {
var buffer = new Buffer(length);
for(var i = 0, pos = 0, size = chunks.length; i chunks[i].copy(buffer, pos);
pos = chunks[i].length;
}
fn(buffer);
}) ;
}

//各類設定
var opt={
"url":"http://xxxx.xx",//url
"file": "00.jpg",//檔案位置
"param":"file",//檔案上傳欄位名稱
"field":{//其餘post欄位
"client":"1" ,
"title":"ok"
},
"boundary":"----WebKitFormBoundary" getBoundary()
}

postRequest(opt);
}

postRequest(opt);
}

postRequest(opt);
}

postRequest(opt);
}

postRequest(opt);
}

postRequest(opt);
}

postRequest(opt);
} postRequest(opt); } postRequest(opt)； >/* ------WebKitFormBoundaryuzKmkAovUuYsQ1Dtrn Content-Disposition: form-data; name="file"; filename="00.jpg"rn Content-Type: appli/ octet-stream rn rn filern ------WebKitFormBoundaryuzKmkAovUuYsQ1Dtrn Content-Disposition: form-data; >rn valuern ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt-- */ 最後這個註解的是標準格式「 n」代表實際的字串，為了看著舒服，視覺上也調整一下