आप जो चाहते हैं वह है डेटा url . आपको बाइट सरणी को बेस 64 में बदलना होगा। कच्चे बाइट्स का उपयोग करने का कोई तरीका नहीं है। शायद यह एक गणना की गई संपत्ति में करें, बाइट सरणी में से एक का उपयोग करके बेस 64 फ़ंक्शन ।
मार्कअप
<img :src="dataUrl">
व्यवहार (परीक्षित नहीं!)
computed : {
dataUrl(){
return 'data:image/jpeg;base64,' + btoa(
new Uint8Array(this.info.image)
.reduce((data, byte) => data + String.fromCharCode(byte), '')
);
}
}
अपने विवेक को खोजें। यह वास्तव में एक अच्छा विचार नहीं है :-) जेएसओएन एन्कोडेड बाइट सरणी के रूप में छवियों को भेजना कुछ ऐसा है मैंने कभी नहीं देखा है, और अनुमान लगाया जाएगा, बाइनरी छवि की तुलना में तार पर 10x बड़ा होगा। DB में इमेज एक एंटीपैटर्न हैं . JSON में छवियां काम करती हैं, लेकिन उन्हें JSON में बेस 64 स्ट्रिंग्स के रूप में एन्कोड किया जाना चाहिए। फिर भी, वे JSON की पठनीयता को कम करते हैं, और पोस्टमैन जैसे टूल को दबा सकते हैं। डेटा यूआरएल बहुत धीमे हैं नियमित यूआरएल से लोड करने के लिए। डीबी में छवियों के साथ भी, यदि आप अपने एपीआई को नियंत्रित करते हैं, तो आप छवि एपीआई बनाकर बहुत कुछ हासिल कर सकते हैं जो केवल बाइट सरणी देता है, एक एप्लिकेशन/जेपीईजी माइम प्रकार के साथ।