Resim kaynağı olarak Mongo koleksiyonundan ikili veri kullanma

Question

Görünüm motoru olarak Jade'i kullanarak, mongo'da verileri saklayan hızlı bir uygulamanız var. Belli bir koleksiyonda, her bir dokümanın bir ürüne karşılık gelen dokümanları içeren basit bir yol var. Resim base64 kodlu. Ben denemek ve onu

çalışmıyor olsa bir görüntü olarak işlemek zaman benim rota

exports.index = function(req, res){ 
    mongo.getProducts(function(data) { 
     res.render('consumer/index', {user: req.session.user, products: data}); 
    }); 
}; 

exports.getProducts = function(callback) { 

    Product.find().exec(function(err, products){ 
     return callback(products); 
    }); 
}; 

ve sonra benim Yeşim dosyası aşağıdaki kodu vardır çağıran fonksiyondur

each val in products 
    img(src="data:image/png;base64,'+#{val.image.data}+'", alt='Image', style="width: 20px; height: 20px") 

Doktora doğrudan Mongo'da (robomongo aracılığıyla) bakıyorum Bunu

elde ediyorum

başka dosyada ben belgeleri göstermek için jQuery datatables kullanmak çünkü ben eksik bilmiyorum ve aynı yaklaşım doğru görüntü vermektedir, burada olduğu veri kümesinin pasajı

"aoColumns": [ 
      {"mData": "name"}, 
      {"mData": "price"}, 
      {"mData": "category"}, 
      {"mData": "description"}, 
      {"mData": "image.data", "mRender": function (data, type, full) { 
      return '<img src="data:image/png;base64,'+data+'", style="width: 20px; height: 20px"></>'}}, 
      {"mData": "promoted"}, 
      {"mData": null} 
     ] 

Answer 1

Sorun val.image.data bir base64 dizesi değil bir arabellek sağlamaz. Yani, önce onu dönüştürmelisin. Bu benim işe gerçekleştirme şekli: En ön uç yeşim kod üzerinde küçük bir sorun var

Ayrıca

Product.findById('559f6e08b090ca5c5ce6942b', function(err, result) { 
    if (err) throw (err); 

    var thumb = new Buffer(result.image.data).toString('base64'); 
    res.render('index', { title: 'Express', img: thumb}); 
}); 

, bu olmalıdır:

img(src="data:image/jpeg;base64,#{img}") //No + and ''

Not: küçük için bu kurtulabilirsin Küçük resimler veya benzerleri, ancak bir takım sebeplerden dolayı (16MB sınırı gibi) önerilen yaklaşım değildir. GridFS'yi kullanmaktan çok daha iyisin. Daha fazla bilgi için: http://docs.mongodb.org/manual/core/gridfs