जावास्क्रिप्ट

Question

के साथ सर्वर से छवि में लोड की गई बाइनरी छवि मैं XMLHttpRequest के माध्यम से बाइनरी प्रारूप में अपने सर्वर से एक जेपीईजी छवि लोड कर रहा हूं (मुझे इसे इस तरह की आवश्यकता है)। यह बेस 64 एन्कोडेड नहीं है।

क्या यह जावास्क्रिप्ट के साथ एक आईएमजी ऑब्जेक्ट में बदलना संभव है?

धन्यवाद

Answer 1

XMLHttpRequest की वर्ण एन्कोडिंग something that won't change the binary data करने के लिए सेट किया गया है, या आपने set the response type, आप तो .responseTextbtoa (बेस 64 में डालने और इसकी सूचना देने के एक डेटा यूआरआई के रूप में निर्दिष्ट) के माध्यम से चला सकते हैं या क्रमशः बाइनरी डेटा के लिए .response एक्सेस करें।

---

अपने उदाहरण मानते हुए xhr नाम पर है और आप xhr.send से पहले चारसेट विधि का उपयोग कर रहे हैं, लेकिन xhr.open के बाद

xhr.overrideMimeType("text/plain; charset=x-user-defined"); 

कर फिर जब आप कर रहे हैं 200 OK

var dataURI = 'data:image/jpeg;base64,' + btoa(xhr.responseText); 

कौन सा आप कर सकते हैं फिर <img> के src के रूप में सेट करें।

---

फिर xhr संभालने, इस बार .response विधि; तब से .open और .send के बीच,

xhr.responseType = "arraybuffer"; 

200 OK

var arrayBufferView = new Uint8Array(xhr.response), // can choose 8, 16 or 32 depending on how you save your images 
    blob = new Blob([arrayBufferView], {'type': 'image\/jpeg'}), 
    objectURL = window.URL.createObjectURL(blob); 

जो तुम तो एक <img> के src के रूप में सेट कर सकते हैं। Example