{"id":4484,"date":"2015-11-22T01:27:48","date_gmt":"2015-11-21T17:27:48","guid":{"rendered":"https:\/\/sdeno.com\/?p=4484"},"modified":"2016-07-04T20:47:03","modified_gmt":"2016-07-04T12:47:03","slug":"nodejs-express-%e4%b8%8a%e4%bc%a0","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=4484","title":{"rendered":"nodejs express \u4e0a\u4f20"},"content":{"rendered":"

1.index.ejs\u6587\u4ef6\u4e2d\u6784\u5efa\u8868\u5355\u5e76\u5b9e\u73b0\u524d\u7aef\u9a8c\u8bc1<\/strong><\/p>\n

<!DOCTYPE html>\r\n<html>\r\n  <head>\r\n    <meta charset=\"utf-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">       \r\n    <title><%= title %><\/title>\r\n  \r\n      <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/stylesheets\/bootstrap.min.css\" \/>\r\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/stylesheets\/signin.css\" \/>\r\n  <\/head>\r\n\r\n  <body>\r\n\r\n    <div id=\"container\" class=\"container\">\r\n       <% if<\/span> (locals.success) { %> \r\n          <div id=\"alt_sucess\" class=\"alert alert-success\"> \r\n            <%- success %> \r\n          <\/div> \r\n       <% } %> \r\n\r\n      <% if<\/span> (locals.error) { %> \r\n        <div id=\"alt_warning\" class=\"alert alert-warning\"> \r\n          <%= error %> \r\n        <\/div> \r\n      <% } %> \r\n\r\n      <form class=\"form-signin\" role=\"form\" method=\"post\" enctype='multipart\/form-data'>\r\n        <h2 class=\"form-signin-heading\">\u4e0a\u4f20\u6587\u4ef6<\/h2>\r\n        <input id=\"fulAvatar\" name=\"fulAvatar\" type=\"file\" class=\"form-control\" \/>     \r\n        <br\/>\r\n        <button id=\"btnSub\" class=\"btn btn-lg btn-primary\" type=\"submit\">\u4e0a \u4f20<\/button>\r\n      <\/form>\r\n            \r\n    <\/div> \r\n  <\/body>\r\n<\/html>\r\n\r\n<script src=\"\/javascripts\/jquery-1.11.1.min.js\" type=\"text\/javascript\"><\/script>\r\n\r\n<script type=\"text\/javascript\">\r\n     String.prototype.format <\/span>= function<\/span> (args) {\r\n            <\/span>var<\/span> result = this<\/span>;\r\n            <\/span>if<\/span> (arguments.length > 0) {\r\n                <\/span>if<\/span> (arguments.length == 1 && typeof<\/span> (args) == \"object\") {\r\n                    <\/span>for<\/span> (var<\/span> key in<\/span> args) {\r\n                        <\/span>if<\/span> (args[key] != undefined) {\r\n                            <\/span>var<\/span> reg = new<\/span> RegExp(\"({\" + key + \"})\", \"g\");\r\n                            result <\/span>= result.replace(reg, args[key]);\r\n                        }\r\n                    }\r\n                }\r\n                <\/span>else<\/span> {\r\n                    <\/span>for<\/span> (var<\/span> i = 0; i < arguments.length; i++) {\r\n                        <\/span>if<\/span> (arguments[i] != undefined) {\r\n                            <\/span>var<\/span> reg = new<\/span> RegExp(\"({)\" + i + \"(})\", \"g\");\r\n                            result <\/span>= result.replace(reg, arguments[i]);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            <\/span>return<\/span> result;\r\n    }\r\n\r\n    $(<\/span>function<\/span>(){\r\n        $(<\/span>'#btnSub').on('click',function<\/span>(){           \r\n            <\/span>var<\/span> fulAvatarVal = $('#fulAvatar').val(),  \r\n                errorTip <\/span>= '<div id=\"errorTip\" class=\"alert alert-warning\">{0}<\/div> ';  \r\n\r\n            $(<\/span>\"#errorTip,#alt_warning\").remove();\r\n            \r\n            <\/span>if<\/span>(fulAvatarVal.length == 0)\r\n            {\r\n                $(<\/span>\"#container\").prepend(errorTip.format('\u8bf7\u9009\u62e9\u8981\u4e0a\u4f20\u7684\u6587\u4ef6'));                                \r\n                <\/span>return<\/span> false<\/span>;\r\n            }\r\n\r\n           <\/span>var<\/span> extName = fulAvatarVal.substring(fulAvatarVal.lastIndexOf('.'),fulAvatarVal.length).toLowerCase();\r\n\r\n            <\/span>if<\/span>(extName != '.png' && extName != '.jpg'){\r\n               $(<\/span>\"#container\").prepend(errorTip.format('\u53ea\u652f\u6301png\u548cjpg\u683c\u5f0f\u56fe\u7247'));                             \r\n               <\/span>return<\/span> false<\/span>;                \r\n            }\r\n            \r\n            <\/span>return<\/span> true<\/span>;                \r\n        })\r\n    });\r\n\r\n<\/span><\/script><\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
2.\u5b9e\u73b0index.js\u4e2d\u4e0a\u4f20\u903b\u8f91<\/strong><\/p>\n
var<\/span> express = require('express')\r\n    router <\/span>= express.Router(),    \r\n    formidable <\/span>= require('formidable'),\r\n      fs <\/span>= require('fs'),\r\n      TITLE <\/span>= 'formidable\u4e0a\u4f20\u793a\u4f8b',\r\n    AVATAR_UPLOAD_FOLDER <\/span>= '\/avatar\/'\r\n\r\n\/*<\/span> GET home page. <\/span>*\/<\/span>\r\nrouter.get(<\/span>'\/', function<\/span>(req, res) {\r\n  res.render(<\/span>'index', { title: TITLE });\r\n});\r\n\r\nrouter.post(<\/span>'\/', function<\/span>(req, res) {\r\n\r\n  <\/span>var<\/span> form = new<\/span> formidable.IncomingForm();   \/\/<\/span>\u521b\u5efa\u4e0a\u4f20\u8868\u5355<\/span>\r\n      form.encoding = 'utf-8';        \/\/<\/span>\u8bbe\u7f6e\u7f16\u8f91<\/span>\r\n      form.uploadDir = 'public' + AVATAR_UPLOAD_FOLDER;     \/\/<\/span>\u8bbe\u7f6e\u4e0a\u4f20\u76ee\u5f55<\/span>\r\n      form.keepExtensions = true<\/span>;     \/\/<\/span>\u4fdd\u7559\u540e\u7f00<\/span>\r\n      form.maxFieldsSize = 2 * 1024 * 1024;   \/\/<\/span>\u6587\u4ef6\u5927\u5c0f<\/span>\r\n\r\n    form.parse(req, <\/span>function<\/span>(err, fields, files) {\r\n\r\n        <\/span>if<\/span> (err) {\r\n          res.locals.error <\/span>= err;\r\n          res.render(<\/span>'index', { title: TITLE });\r\n          <\/span>return<\/span>;        \r\n        }  \r\n       \r\n        <\/span>var<\/span> extName = '';  \/\/<\/span>\u540e\u7f00\u540d<\/span>\r\n        switch<\/span> (files.fulAvatar.type) {\r\n            <\/span>case<\/span> 'image\/pjpeg':\r\n                extName <\/span>= 'jpg';\r\n                <\/span>break<\/span>;\r\n            <\/span>case<\/span> 'image\/jpeg':\r\n                extName <\/span>= 'jpg';\r\n                <\/span>break<\/span>;         \r\n            <\/span>case<\/span> 'image\/png':\r\n                extName <\/span>= 'png';\r\n                <\/span>break<\/span>;\r\n            <\/span>case<\/span> 'image\/x-png':\r\n                extName <\/span>= 'png';\r\n                <\/span>break<\/span>;         \r\n        }\r\n\r\n        <\/span>if<\/span>(extName.length == 0){\r\n              res.locals.error <\/span>= '\u53ea\u652f\u6301png\u548cjpg\u683c\u5f0f\u56fe\u7247';\r\n              res.render(<\/span>'index', { title: TITLE });\r\n              <\/span>return<\/span>;                   \r\n        }\r\n\r\n        <\/span>var<\/span> avatarName = Math.random() + '.' + extName;\r\n        <\/span>var<\/span> newPath = form.uploadDir + avatarName;\r\n\r\n        console.log(newPath);\r\n        fs.renameSync(files.fulAvatar.path, newPath);  <\/span>\/\/<\/span>\u91cd\u547d\u540d<\/span>\r\n    });\r\n\r\n    res.locals.success <\/span>= '\u4e0a\u4f20\u6210\u529f';\r\n    res.render(<\/span>'index', { title: TITLE });      \r\n});\r\n\r\nmodule.exports <\/span>= router;<\/pre>\n
\u6ce8\u610f\uff1a\u5728public\u6587\u4ef6\u5939\u4e2d\u521b\u5efaavatar\u6587\u4ef6\u5939\u4ee5\u4f9b\u6587\u4ef6\u5b58\u653e<\/p>\n
\u00a0http:\/\/pan.baidu.com\/s\/1bW0VG<\/a><\/p>\n
http:\/\/www.cnblogs.com\/zhongweiv\/p\/nodejs_express_formidable.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
1.index.ejs\u6587\u4ef6\u4e2d\u6784\u5efa\u8868\u5355\u5e76\u5b9e\u73b0\u524d\u7aef\u9a8c\u8bc1 <!DOCTYPE html> <htm […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35,11],"tags":[],"class_list":["post-4484","post","type-post","status-publish","format-standard","hentry","category-nodejs","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4484"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4484\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}