安装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. js简单实现链式调用

    链式调用实现原理:对象中的方法执行后返回对象自身即可以实现链式操作.说白了就是每一次调用方法返回的是同一个对象才可以链式调用. js简单实现链式调用demo Object.prototype.show ...

  2. 提供一段Excel获取Title的标题，类似于A、AA、AAA，我们操作Excel的时候通常根据次标题来获取一定的操作范围。

    /******************************************** FormatExcelColumTitle Purpose Get excel title like &qu ...

  3. ubuntu 源码安装 swig

    1. 下载 swig 源码 http://www.swig.org/survey.html 填写一个简单的问卷,即可进入 sourceforge 下载. 2. 安装 g++ sudo apt-get ...

  4. Django web开发【5】 实现标签功能

    标签tag在很多web2.0应用中都很常见,标签其实就是关联某些信息的一个关键字.打标签实际上就是给内容分配标签的过程,它通常由作者或者用户实现.标签之所有这么流行是因为它允许用户对自己创建的博客.图 ...

  5. python parse命令行参数

    #!/usr/bin/env python import sys def main(argv): for arg in argv: print arg if __name__ == '__main__ ...

  6. C语言负数的除法和求余运算

    假定我们让 a 除以 b,商为 q,余数为 r: q = a / b; r = a % b; 这里,不妨假定 b 大于 0. 我们希望 a.b.q.r 之间维持怎样的关系呢? 1.最重的一点,我们希望 ...

  7. Windows Server 2012 R2 Standard序列号

    备用一个吧,免得用起来的时候找不到. NB4WH-BBBYV-3MPPC-9RCMV-46XCB

  8. SPOJ 1812 Longest Common Substring II（后缀自动机）

    [题目链接] http://www.spoj.com/problems/LCS2/ [题目大意] 求n个串的最长公共子串 [题解] 对一个串建立后缀自动机,剩余的串在上面跑,保存匹配每个状态的最小值, ...

  9. HDU 3336 Count the string

    题解:利用next数组来保存前缀位置,递推求解. #include <cstdio> #include <cstring> char pat[200005]; int next ...

  10. [转]maven入门

    http://wentao365.iteye.com/blog/903396 Maven是一个采用纯Java编写的开 源项目管理工具.Maven采用了一种被称之为project object mode ...