安装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. Lc.exe已退出 代码为-1问题解决方法

    对于用vs作为开发工具的同学来说,可能常常会碰到“Lc.exe已退出 代码为-1”的问题,造成这个结果的一般是因为加入了第三方的插件程序造成的,今天一一讲解如何解决. 工具/原料 vs各版本开发工具 ...

  2. ubuntu, Debian, CentOS

    ubuntu源自debian,内核很多文档都还是debian的字样,稳定性逐渐增强,基本满足日常开发. debian的核心稳定,性能强劲. centos的内核版本低,安全性高. 选择Debian是因为 ...

  3. STL模板_容器概念

    一.STL(Standard Template Library,标准模板库)概述1.容器:基于泛型的数据结构.2.算法:基于泛型的常用算法.3.迭代器:以泛型的方式访问容器中的元素,是泛型的算法可以应 ...

  4. BZOJ 1217: [HNOI2003]消防局的设立( 贪心 )

    一个简单的贪心, 我们只要考虑2个消防局设立的距离为5时是最好的, 因为利用最充分. 就dfs一遍, 再对根处理一下就可以了. 这道题应该是SGU某道题的简化版...这道题距离只有2, 树型dp应该也 ...

  5. BZOJ 1876: [SDOI2009]SuperGCD( 更相减损 + 高精度 )

    更相减损,要用高精度.... --------------------------------------------------------------- #include<cstdio> ...

  6. MarkDown使用 （三）表格

    MarkDown表格的用法 MarkDown表格的用法 例如: $$ \begin{array}{c|lcr} n & \text{Left} & \text{Center} & ...

  7. (转)C++笔记：面向对象编程基础

    非常棒的总结 http://blog.csdn.net/liufei_learning/article/details/21312701 面向对象编程基础 面向对象编程基于三个基本概念: 数据抽象-类 ...

  8. 树莓派高级GPIO库，wiringpi2 for python使用笔记（五）i2c读取测试

    wiringpi2显然也把i2c驱动带给了Python,手头上正巧有一个DS3231的模块,上边带了一个DS3231 RTC(实时时钟),与一片24C32,两个芯片均为iic总线设备,与树莓派接线如下 ...

  9. Linux内核和驱动编译常见问题

    1.获取内核源码应为 git clone depth=1  不然编译时会报错 2.有些RTL188CUS网卡与wpa_supplicant兼容有问题 更新wpasupplicant或许能解决 这里用i ...

  10. 如何取消一个本地svn目录与svn的联系（即恢复原有图标等）

    在使用svn 的时候容易手抖错选update地址,使其目录所有同级文件夹上出现蓝色“?”图样,非常烦人,下面记录一下解决方案. 首先在该目录下打开同级文件件,工具→文件夹选项→查看→隐藏文件和文件夹→ ...