安装express，创建项目，添加sqlite3模块

express --sessions --css stylus --ejs myhotel

npm install sqlite3
node app #运行方式

源代码如下：

网站入口app.js

var express = require('express');

var routes = require('./routes');

var photo = require('./routes/photo');

var http = require('http');

var path = require('path');

var app = express();

// all environments

app.set('port', process.env.PORT || 80);

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

app.use(express.favicon());

app.use(express.logger('dev'));

app.use(express.json());

app.use(express.urlencoded());

app.use(express.bodyParser({ keepExtensions: true, uploadDir: __dirname + '/uploads' } ));

app.use(express.methodOverride());

app.use(express.cookieParser('your secret here'));

app.use(express.session());

app.use(app.router);

app.use(require('stylus').middleware(path.join(__dirname, 'public')));

app.use(express.static(path.join(__dirname, 'public')));

// development only

if ('development' == app.get('env')) {

  app.use(express.errorHandler());

}

app.get('/', routes.index);

app.post('/upload', photo.upload);

app.get('/list', photo.list);

http.createServer(app).listen(app.get('port'), function(){

  console.log('Express server listening on port ' + app.get('port'));

});

connect.bodyParser()会有报错，替换如下

var multipart = require('connect-multiparty');

app.use(express.urlencoded()); // Replace for depricated connect.bodyParser()

app.use(express.json()); // Replace for depricated connect.bodyParser()

app.use(multipart({ uploadDir: __dirname + '/uploads' })) // Replace for depricated connect.bodyParser()

控制与路由

routes/index.js

exports.index = function(req, res){

        res.render('index', { title: 'Express' });

};

routes/photo.js

var sqlite3 = require("sqlite3"),

    fs  = require("fs");

var db = new sqlite3.Database("photos.db");

/*

 * GET users listing.

 */

exports.list = function(req, res){

        var photos = [];

        db.serialize(function() {

                db.each("SELECT name, path FROM photos", function(err, row) {

                        photos.push({name: row.name, path:row.path})

                        }, function(){

                        res.render("photos",{photos:photos})

                        });

                });

};

exports.upload = function(req, res){

        var name = req.param('name', null);

        fs.readFile(req.files.image.path, function (err, data) {

                // ...

                if(err) {throw err;}

                var hash = require('crypto').createHash('md5');

                var target_path = 'images/uploads/' + hash.update(data+"").digest('hex') + "." + req.files.image.name.split(".")[1];

                fs.writeFile("./public/"+ target_path, data, function (err) {

                        if(err) {throw err;}

                        db.serialize(function() {

                                var stmt = db.prepare("INSERT INTO photos VALUES (?,?)");

                                stmt.run(name,target_path);

                                stmt.finalize();

                                res.redirect("/list");

                        });

//                      db.close();

                });

        });

};

视图代码

view/index.ejs

<!DOCTYPE html>

<html>

<head></head>

<body>

<form enctype="multipart/form-data" action="/upload" method="POST">

<input type="text" id="name" name="name"></input>

Send this file: <input name="image" id="image" type="file" />

<input name="tt" type="submit" value="Send File" />

</form>

</body>

</html>

view/photos.ejs

<!DOCTYPE html>

<html>

  <head>

    <title>AB</title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

    <ul class="nostyle">

      <% photos.forEach(function(photo){ %>

      <li><%= photo.name %> <img src="<%= photo.path %>" /></li>

      <% }) %>

    </ul>

  </body>

</html>

样式控制public/stylesheets/style.styl

body

  padding: 50px

  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif

a

  color: #00B7FF

.nostyle

  list-style-type: circle

express文件上传的更多相关文章

  1. express文件上传中间件Multer详解

    express文件上传中间件Multer详解 转载自:https://www.cnblogs.com/chengdabelief/p/6580874.html   Express默认并不处理HTTP请 ...

  2. Express文件上传之Multer

    Express文件上传之Multer Multer是一个nodejs中间件,用来处理http提交multipart/form-data,也就是文件上传.它是在busboy的基础上开发的. 在我看来,M ...

  3. Nodejs express 文件上传

    文件上传 以下我们创建一个用于上传文件的表单,使用 POST 方法,表单 enctype 属性设置为 multipart/form-data. index.htm 文件代码修改如下: <html ...

  4. 47.Express文件上传

    转自:http://www.runoob.com/nodejs/nodejs-express-framework.html 文件上传 以下我们创建一个用于上传文件的表单,使用 POST 方法,表单 e ...

  5. node+express实现文件上传功能

    在进行node web开发时,我们可能经常遇到上传文件的问题,这一块如果我们没有经验,可能会遇到很多坑,下面我将跟大家分享一下,实现文件上传的一些方式. 一.node+express文件上传的常用方式 ...

  6. Node.js：上传文件，服务端如何获取文件上传进度

    内容概述 multer是常用的Express文件上传中间件.服务端如何获取文件上传的进度,是使用的过程中,很常见的一个问题.在SF上也有同学问了类似问题<nodejs multer有没有查看文件 ...

  7. node+express4+multiparty实现简单文件上传

    文件上传 var fs = require('fs'); var express = require('express'); var multiparty = require('multiparty' ...

  8. 使用nodejs+express(4.x+)实现文件上传

    最简单的做法是通过“connect-multiparty”中间件实现上传. 通过在项目中npm install connect-multiparty进行安装. 用法: var multipart = ...

  9. Nodejs进阶：基于express+multer的文件上传

    关于作者 程序猿小卡,前腾讯IMWEB团队成员,阿里云栖社区专家博主.欢迎加入 Express前端交流群(197339705). 正在填坑:<Nodejs学习笔记> / <Expre ...

随机推荐

  1. Windows窗体Winform----show()与showDialog()的区别

    show()与showDialog()的区别 最常见的显示一个新的窗体的方法有两种,下面直接上代码!! A.WinForm中窗体显示 显示窗体可以有以下2种方法:   Form.ShowDialog( ...

  2. MFC解决View中添加控件闪烁

    一.简介 我们经常会在我们的View类中添加各种类型的控件,列表控件就是最常用的了.但是我们发现添加控件的时候会,在窗口变化的时候会导致各种各样的闪烁,让我们烦恼异常.所以我对此找到新的解决方案. 二 ...

  3. Android安装应用失败UID 和 PID

    参考:http://blog.sina.com.cn/s/blog_62ef2f140101j6q2.html 安装任意第三方的一个apk,恢复出厂设置,再次安装相同的apk,提示安装失败,通过打印L ...

  4. 《Pointers On C》读书笔记(第二章 基本概念)

    1．从源代码到生成可执行程序的过程整体上可以分为两个阶段:编译和链接.其中,编译过程大致上又可分为:预处理.编译和汇编.预处理阶段主要对源代码中的预处理指令(包含宏定义指令<如 #define& ...

  5. Umbraco隐藏属性

    Umbraco默认的Url地址,是根据Node路径来默认显示的,因此使用中文的话比较尴尬. 网上有传的方法,是修改源码,来实现Url的重写. 但实际大可不必如此麻烦,只需要增加两个类型为Textstr ...

  6. Android Studio 中快速提取方法

    在开发过程中,有时在一个方法内部写了过多的代码,然后想要把一些代码提取出来封装下,分离开放在一个单独的方法里,可能你的做法是直接选中后Ctrl + 叉,或者 Ctrl + C,但在Android St ...

  7. HDU 3374 String Problem （KMP+最小最大表示）

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=3374 [题目大意] 给出一个字符串,求出最小和最大表示是从哪一位开始的,并且输出数量. [题解] ...

  8. Java图形化界面设计——布局管理器之CardLayout（卡片布局）

  9. Java Native Interface Specification(JNI)

    Java Native Interface Specification(JNI) 使用场景: 需要的功能,标准的java不能提供 有了一个用其他的语言写好的工具包,希望用java去访问它 当需要高性能 ...

  10. QVector 和vector的比较

    QVector和vector的比较: Qvector默认使用隐式共享,可以用setSharable改变其隐式共享.使用non-const操作和函数将引起深拷贝.at()比operator[](),快, ...