从客户端网页上传图片

我们项目中的一个模块是使用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(); 
     }); 
    }); 
}); 
*/

来源

2014-02-21 user3232014

那么，你的问题是什么？它是如何显示图像？ – 2014-02-21 07:02:41

你可以发布你的“动态”代码，并告诉我们，你有什么问题！？ – heinob

的问题是 - 如何将图像直接从网页发布到数据库并获取一个唯一的ID – user3232014

您必须通过XMLHttpRequest从客户端发送图像到nodejs。然后像存档一样将它存储在mongo中，您通过fs.readFileSync读取。

来源

2014-02-21 07:12:33 heinob

好的，谢谢 – user3232014

从客户端网页上传图片

回答

相关问题