安装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. BZOJ 1407: [Noi2002]Savage( 数论 )

    枚举答案, 然后O(N^2)枚举野人去判他们是否会在有生之年存在同山洞. 具体做法就是: 设第x年相遇, 则 Ci+x*Pi=Cj+x*Pj (mod M), 然后解同余方程. 复杂度应该是O(ans ...

  2. TextView settextcolor 无效解决方案

    viHolder.order_item_tipcolor.setBackgroundColor(context .getResources().getColor(R.color.order_xixie ...

  3. jquery不限图片焦点图

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. java简易编辑器

    package peng_jun; import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swi ...

  5. printf不同格式表示法

    格式代码 A ABC ABCDEFGH %S A ABC ABCDEFGH %5S ####A ##ABC ABCDEFGH %.5S A ABC ABCDE %5.5S ####A ##ABC AB ...

  6. 什么是LED锡膏？

    LED锡膏熔点172℃,俗称中温锡膏,其合金为Sn64Bi35Ag1,此类产品是含Bi类的低熔点无铅锡膏,加入Ag改变了SnBi合金的焊点的机械强度.大幅度提高焊点可靠性,适用于高频调谐器系列产品的贴 ...

  7. 浅谈 android-query

    介绍:android-query他是在GitHub上的一个开源轻量级的封装库,它集成了网络 .图片加载等模块,可以应用在android中的一些异步应用以及UI的操纵上,通过使用这个框架,使androi ...

  8. 字符串的MD5的32位加密和16位加密

    import java.security.MessageDigest; import java.util.Locale; public class MD5Util { public static St ...

  9. STC15？MSP430？ARM？DSP？

    自从大学毕业以来,发现属于自己的时间越来越少,每天忙于工作,导致在大学学到的东西都好生疏,特别是大一刚开始学的模电,单片机等,现在才慢慢的抓起来,然后在这个多核处理器流行的时代,单片机貌似快过时了,但 ...

  10. 跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增)

    跟我一起学extjs5(19--模块记录的拖放删除.拖放复制新增)         网页其中的拖放(drag-drop)是比較有趣的操作,extjs5中非常好的封装了拖放的动作,也有各种类来支持,可是 ...