安装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. 交换机access和trunk的一些小结(转)

     以太网端口有 3种链路类型:access.trunk.hybird Access类型端口只能属于1个VLAN 般用于连接计算机 端口: Trunk类型端口可以允许多个VLAN通过,可以接收和发送多个 ...

  2. iScroll 4，把禁掉的:active样式还给我~

    iScroll这个移动端的滚动神器大家都非常熟悉了,直到现在仍是实现移动端Web滚动的首选方案之一... 当我接触移动端Web时iScroll已经有两个版本了,iScroll 4和iScroll 5, ...

  3. Android 一个抽奖应用的逆向破解全流程之加固自己应用

    转自: <a href="http://www.pedant.cn/2014/07/22/crack-a-draw-app/">http://www.pedant.cn ...

  4. h5的api dom全屏展示

    下面是完整的例子,暂不做分析 <!DOCTYPE html> <html> <head> <title> FullScreen API 演示</t ...

  5. 【LeetCode题意分析&解答】38. Count and Say

    The count-and-say sequence is the sequence of integers beginning as follows:1, 11, 21, 1211, 111221, ...

  6. [LeetCode]题解（python）：142-Linked List Cycle II

    题目来源: https://leetcode.com/problems/linked-list-cycle-ii/ 题意分析: 给定一个链表,如果链表有环,返回环的起始位置,否则返回NULL.要求常量 ...

  7. mysql远程登录权限

    GRANT ALL PRIVILEGES ON *.* TO 'root'@'%'WITH GRANT OPTION; FLUSH PRIVILEGES;

  8. js正则验证"汉字"

    var nickname = value; var regex = new RegExp("^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_]){1 ...

  9. [2013.9.8网络首发]导入Android4.2源码里的Gallery2和Camera模块至Eclipse全过程

    [2013.9.8网络首发]导入Android4.2源码里的Gallery2和Camera模块至Eclipse全过程   google的android自带的apps写的是相当牛逼的,将其导入到ecli ...

  10. InnoDB引擎Myslq数据库数据恢复

    首先祝愿看到这片文章的你永远不要有机会用到它... 本文指针对用InnoDB引擎的Mysql数据库的数据恢复,如果是其它引擎的Mysql或其它数据库请自行google... 如果有一天你手挫不小心删掉 ...