显示图片

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_11":-5,"_55":56,"_57":58,"_59":60},"routes/user.$name.replies",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":16},"replies",[34],"user",{"_20":21,"_13":14,"_22":23,"_24":25,"_26":27,"_28":29,"_30":16,"_31":16,"_32":33},"loginname","chenwenli","page",1,"limit",50,"total","id","6893","avatar_url","http://www.gravatar.com/avatar/b65af8b97c0c5adf2054b33ff08f463c?size=48","githubUsername","","create_at","2013-03-13T14:56:31.897Z","score",10,"topic_count","reply_count","is_star",false,{"_20":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":33,"_46":33,"_31":47,"_48":49,"_26":50,"_51":52},"2236","author_id","5500","tab","content","刚刚学nodejs，做了个图片上传。略简陋，但是没关系复杂的功能都是从简单的开始的嘛\r\n我用的是express的框架使用的view engine是ejs。因为比较简单代码量也不会很多，所以我还是把代码全部贴出来吧。我在社区里面看的很多资料都是没有贴出很多代码，这样像我这样的还是大学生的初学者实在有些蛋疼。先声明，这篇介绍只适合刚刚学习nodejs的童鞋，大神请无视。\r\n这是app.js文件\r\n`var express = require('express')\r\n , routes = require('./routes')\r\n , http = require('http')\r\n , flash = require('connect-flash')\r\n , path = require('path');\r\n\r\nvar app = express();\r\n\r\napp.configure(function(){\r\n app.set('port', process.env.PORT || 3000);\r\n app.set('views', __dirname + '/views');\r\n app.set('view engine', 'ejs');\r\n app.use(express.favicon());\r\n app.use(flash());\r\n app.use(express.logger('dev'));\r\n app.use(express.methodOverride());\r\n //这里上传的文件目录存放的是临时文件，如果需要保存需要重新移动到一个新的文件下\r\n app.use(express.bodyParser({uploadDir:'./uploads'}));\r\n app.use(express.cookieParser());\r\n //想要在应用中使用session一定要加上这句话，secret的内容应该是随意的\r\n //并且app.configure的配置的加载顺序也是有关系的。。。加载顺序出错了也会出现不可预知的问题\r\n app.use(express.session({secret:'poynt'}));\r\n app.use(app.router);\r\n app.use(express.static(path.join(__dirname, 'public')));\r\n});\r\n\r\n\r\napp.configure('development', function(){\r\n app.use(express.errorHandler());\r\n});\r\n\r\nroutes(app);\r\nhttp.createServer(app).listen(app.get('port'), function(){\r\n console.log(\"Express server listening on port \" + app.get('port'));\r\n});`\r\n\r\n在view模板中就写了提交一个表单，此处省去\r\n这是route的index.js文件\r\n\r\n// 文件操作的模板\r\nvar fs = require('fs');\r\n\r\nmodule.exports = function(app){\r\n\tapp.get('/',function(req,res){\r\n\r\n\t\tres.render('index',{\r\n\t\t\t'title': '文件上传'\r\n\t\t});\r\n\t\t\r\n\t});\r\n\r\n\tapp.get('/file-upload', function(req,res) {\r\n\t\tres.render('upload',{\r\n\t\t\tuser: req.session.user,\r\n\t\t\tsrc: req.flash('path')\r\n\t\t});\r\n\t});\r\n\tapp.post('/file-upload', function(req,res) {\r\n\t\tcurrentUser = {\r\n\t\t\tusername : req.body['username'],\r\n\t\t\tpassword : req.body['password']\r\n\t\t};\r\n\t\t//之前我没有写req.session.user,也就是说没有设定session是会报错的。\r\n\t\t//flash要在session环境中才能用\r\n\t\tvar tmpPath = req.files.thumbnail.path;\r\n\t\t//移动到指定的目录，一般放到public的images文件下面\r\n\t\t//在移动的时候确定路径已经存在，否则会报错\r\n\t\tvar targetPath = 'public/images/' + req.files.thumbnail.name;\r\n\t\tconsole.log(targetPath);\r\n\t\t//将上传的临时文件移动到指定的目录下\r\n\t\tfs.rename(tmpPath, targetPath , function(err) {\r\n\t\t\tif(err){\r\n\t\t\t\tthrow err;\r\n\t\t\t}\r\n\t\t\t//删除临时文件\r\n\t\t\tfs.unlink(tmpPath, function(){\r\n\t\t\t\tif(err) {\r\n\t\t\t\t\tthrow err;\r\n\t\t\t\t}\r\n\t\t\t\t//将当前的用户写到会话中\r\n\t\t\t\treq.session.user = currentUser;\r\n\t\t\t\treq.flash('path', targetPath);\r\n\t\t\t\tres.redirect('/file-upload');\r\n\t\t\t})\r\n\t\t})\r\n\t\t\r\n\t});\r\n}\r\n\r\n下面是展示页面\r\n\r\n\r\n\r\n \r\n 显示图片\r\n \r\n \r\n \r\n \t $\"\"$ \r\n \r\n\r\n\r\n我感觉代码比较简单，跟Java EE的文件上传相比实在是简单多了。\r\n如果有什么更好的实现方法或是哪里有错的地方还请各位指教。","title","nodejs 实现图片上传","last_reply_at","2017-05-28T04:37:21.432Z","good","top",2,"visit_count",46103,"2012-12-18T07:47:34.686Z","author",{"_13":53,"_22":54},"gelihai","http://www.gravatar.com/avatar/b5338bf9d7da0b83e440dac7b04e2b81?size=48","zones",[104],"tabs",[74,75,76,77,78,79],"publicConfig",{"_61":62,"_63":25,"_64":65},"apiBaseUrl","https://api.cnodejs.org","turnstileSiteKey","build",{"_66":67,"_68":69,"_70":71,"_72":73},"service","cnode-web","version","0.1.0","commit","09940aa1bc0ad3dfe64235540ced544300ba2865","buildTime","2026-08-02T04:10:22Z",{"_20":16,"_80":102,"_82":103,"_84":95,"_85":16,"_87":96},{"_20":47,"_80":100,"_82":101,"_84":95,"_85":47,"_87":96},{"_20":97,"_80":98,"_82":99,"_84":95,"_85":97,"_87":96},{"_20":93,"_80":45,"_82":94,"_84":95,"_85":93,"_87":96},{"_20":89,"_80":90,"_82":91,"_84":33,"_85":92,"_87":88},{"_20":29,"_80":81,"_82":83,"_84":33,"_85":86,"_87":88},"key","test","label","测试","visible","sort_order",91,"scope","admin",9,"dev","开发",90,4,"精华",true,"public",3,"job","招聘","ask","问答","share","分享",{"_20":16,"_105":106,"_107":99,"_108":109,"_110":111,"_84":95,"_85":16},"slug","jobs","name","description","Node.js 招聘信息专区","icon","briefcase"]