छवि फ़ाइल को बाइनरी डेटा में नेवला स्कीमा में संग्रहीत करें और छवि को html रूप में प्रदर्शित करें

सबसे पहले, आपको बफर डेटा को बेस 64 में बदलना होगा। आप इसे बैक-एंड या फ्रंट-एंड में कर सकते हैं इससे कोई फर्क नहीं पड़ता। बस उपयोग करें yourBufferData.toString('base64') . तब आप इसका उपयोग कर सकते हैं।

हालांकि, मैं बाइनरी डेटा संग्रहीत करने के बजाय छवियों को संग्रहीत करने का एक और तरीका सुझाऊंगा। मान लें कि आप नोडज का उपयोग करते हैं। आप fs.writeFile . का उपयोग करके उस बाइनरी डेटा के साथ रिपॉजिटरी में इमेज बना सकते हैं तरीका। फिर आप उस छवि पथ को रिकॉर्ड (डीबी) में स्टोर कर सकते हैं। उसके बाद, फ़ाइल पथ को ng-src="file पथ जिसे आपने सहेजा है" में डालें। यहाँ वह उदाहरण है जिसका मैं उपयोग करता हूँ:

var path = 'upload/profiles/' +req.body.userId + '_profile.jpg';
      fs.writeFile(path, base64data, function(err) {
        if (err) return next(err);
        User.findByIdAndUpdate({
          _id: req.body.userId
        }, {
          $set: {
            profileImg: 'upload/profiles/' +req.body.userId + '_profile.jpg'
          }
        }, function(err, user) {
          if (err) return next(err);
          return res.send(user);
        });
      });

  <img ng-src="savedpath">