nodejs - 1)上传图片 ,并显示 , 2)模块 formidable

1.代码:

1-1: 入口文件: index.js

 1 var server          = require('./server');
 2 var router          = require("./router");
 3 var requestHandlers = require("./requestHandlers");
 4 
 5 var handle        = {};
 6 handle["/"]       = requestHandlers.start;
 7 handle["/start"]  = requestHandlers.start;
 8 handle["/upload"] = requestHandlers.upload;
 9 handle["/show"]   = requestHandlers.show;
10 
11 server.start(router.route, handle);

1-2: 服务器文件: server.js

 1 var http = require("http");
 2 var url = require("url");
 3 
 4 
 5 function start(route, handle){
 6     http.createServer(function(request, response) {
 7 
 8         // console.log(url.parse(request.url));
 9         // console.log(url.parse(request.url).query);
10         var pathname = url.parse(request.url).pathname;
11         console.log('request for [' +pathname+ "] received.");
12 
13         //接收请求数据:
14         // var postData = "";
15         // request.setEncoding("utf8");
16 
17 
18         // request.on("data", function(chunk){
19         //     postData += chunk;
20         //     console.log("Received POST data chunk '" +chunk+"'");
21         // });
22 
23         // request.on("end", function(){
24         //     route(handle, pathname, response, postData);
25         // });
26 
27         route(handle, pathname, response, request);
28 
29 
30     }).listen(8888);
31 
32     console.log("server has started.");
33 }
34 
35 exports.start = start;

1-3: 路由文件: router.js

 1 function route(handle, pathname, response, request){
 2     console.log("About to route a request for " +pathname);
 3 
 4     if (typeof handle[pathname] === 'function') {
 5         //调用函数:
 6         handle[pathname](response, request);
 7     } else{
 8         console.log("No request handler found for " + pathname);
 9         response.writeHead(404, {"Content-Type": "text/plain"});
10         response.write("404 Not found");
11         response.end();
12     }
13 }
14 
15 exports.route = route;

1-4: 请求处理程序: requestHandles.js

 1 var querystring = require("querystring");
 2 var url = require("url");
 3 var fs = require("fs");
 4 var formidable = require("formidable");
 5 
 6 function start(response) {
 7   console.log("Request handler 'start' was called.");
 8 
 9   var body = '<html>'+
10     '<head>'+
11     '<meta http-equiv="Content-Type" '+
12     'content="text/html; charset=UTF-8" />'+
13     '</head>'+
14     '<body>'+
15     '<form action="/upload" enctype="multipart/form-data" '+
16     'method="post">'+
17     '<input type="file" name="upload">'+
18     '<input type="submit" value="Upload file" />'+
19     '</form>'+
20     '</body>'+
21     '</html>';
22 
23     response.writeHead(200, {"Content-Type": "text/html"});
24     response.write(body);
25     response.end();
26 }
27 
28 
29 
30 function upload(response, request) {
31     console.log("Request handler 'upload' was called.");
32 
33     var form = new formidable.IncomingForm();
34     console.log("about to parse");
35     form.parse(request, function(error, fields, files){
36           console.log("parsing done");
37 
38           var uploadDir = "C:/Users/dc5yy/Desktop/upload/";
39           fs.renameSync(files.upload.path, uploadDir + files.upload.name);
40 
41           response.writeHead(200, {"Content-Type": "text/html"});
42           response.write("received image:<br />");
43           response.write("<img width='400px' src='/show?filename=" +files.upload.name+ "' />");
44           response.end();
45 
46     });
47 
48 }
49 
50 
51 function show(response, request){
52     console.log("Request handle 'show' was called.");
53     var uploadDir = "C:/Users/dc5yy/Desktop/upload/";
54     var filename = uploadDir + url.parse(request.url, true).query.filename;
55     console.log(filename);
56     fs.readFile(filename, "binary", function(error, file){
57         if (error) {
58             response.writeHead(500, {"Content-Type": "text/plain"});
59             response.write(error + "\n");
60             response.end();
61         } else{
62             response.writeHead(200, {"Content-Type": "image/jpg"});
63             response.write(file, "binary");
64             response.end();
65         }
66     });
67 }
68 
69 exports.start  = start;
70 exports.upload = upload;
71 exports.show   = show;