从客户端网页上传图像

时间:2014-02-21 05:52:26

标签: javascript node.js mongodb

我们项目中的一个模块是使用nodejs将图像从网页上传到mongo数据库。我们已完成连接到mongo数据库并使用系统上图像的物理位置上传图像,但我们无法从网页上进行上传动态。

我们将图像转换为base64代码,然后将其保存到数据库中。 MongoDB返回一个唯一的id。我们希望整合这个过程并使其动态化。我们用来连接mongoDB并从物理位置上传图像的代码可以在这里找到。

var MongoClient = require('mongodb').MongoClient, 
    format = require('util').format,
    fs = require('fs'),
    http = require('http');

http.createServer(function (req, res) {

    //should be triggered by the user upload button
    put();

    //triggered after the upload/button click
    res.writeHead(200, {'Content-Type': 'text/html'});

    MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err, db) {
        if(err) throw err;


        var collection = db.collection('test_insert');

        collection.find().toArray(function(err, results) {
            //console.dir(results);
            // Let's close the db
            //ret = results[0];

            console.log(results[0]);
            res.end('<img alt="sample" src="data:image/png;base64,' +  results[0].image + '">');
            db.close();
        });
    });


    //res.end("Hello World\n");
}).listen(3030);

function read() {
    var image_base64 = fs.readFileSync('./uploads/2088-1nqsb3l.jpg').toString('base64');

    return image_base64;
    //console.log(base64_data);
}


function put() {
    MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err, db) {
        if(err) throw err;

        var collection = db.collection('test_insert');
        collection.insert({image: read()}, function(err, docs) {
            console.log("data inserted");
            db.close();
        });
    });
}

function get() {
    var ret;
    MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err, db) {
        if(err) throw err;

        var collection = db.collection('test_insert');

        collection.find().toArray(function(err, results) {
            //console.dir(results);
            // Let's close the db
            ret = results[0];
            db.close();
        });
    });
    return ret;
}

/*
MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err, db) {
    if(err) throw err;

    var collection = db.collection('test_insert');
    collection.insert({a: base64_data}, function(err, docs) {

        collection.count(function(err, count) {
            console.log(format("count = %s", count));
        });

        // Locate all the entries using find
        collection.find().toArray(function(err, results) {
            console.dir(results);
            // Let's close the db
            db.close();
        });
    });
});
*/

1 个答案:

答案 0 :(得分:0)

您必须通过XMLHttpRequest将图像从客户端发送到nodejs。然后将其存储在mongo中,就像使用文件一样,您可以通过fs.readFileSync阅读。