Mysql
 sql >> डेटाबेस >  >> RDS >> Mysql

कैसे Vuejs का उपयोग कर html में mysql ब्लॉब छवि प्रदर्शित करने के लिए?

आप जो चाहते हैं वह है डेटा 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 की पठनीयता को कम करते हैं, और पोस्टमैन जैसे टूल को दबा सकते हैं। डेटा यूआरएल बहुत धीमे हैं नियमित यूआरएल से लोड करने के लिए। डीबी में छवियों के साथ भी, यदि आप अपने एपीआई को नियंत्रित करते हैं, तो आप छवि एपीआई बनाकर बहुत कुछ हासिल कर सकते हैं जो केवल बाइट सरणी देता है, एक एप्लिकेशन/जेपीईजी माइम प्रकार के साथ।



  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. डीबी डुप्लिकेट प्रविष्टियों को ठीक करें (MySQL बग)

  2. Azure क्लाउड पर MySQL होस्ट करने का सबसे अच्छा तरीका

  3. मैं MySQL में सख्त sql_mode कैसे सक्षम कर सकता हूं?

  4. SQL को SQL कीमिया में बदलें

  5. MySQL पंक्ति को केवल पढ़ने के लिए कैसे सेट करें?