يتضمن نهجك الحالي استخدام jQuery.ajax لاسترداد الصورة ، لكنك تواجه صورًا تالفًا بسبب عدم تطابق نوع البيانات. لذلك ، فإن الوصول إلى صورة كضرب باستخدام jQuery وحده أمر غير ممكن.

إليك مثال:

var xhr = new xmlhttprequest () ؛ XHR.OnReadyStateChange = function () { if (this.readyState == 4 && this.status == 200) { var img = document.getElementById ('img') ؛ var url = window.url || window.webkiturl ؛ img.src = url.createBjecturl (this.response) ؛ } } XHR.Open ('get' ، 'http://jsfiddle.net/img/logo.png') ؛ XHR.ResponSetype = 'Blob' ؛ XHR.SEND () ؛ متاح:

jquery.ajax ({ url: 'https: //images.unsplash.com/photo-1465101108990-e5eac17cf76d؟ ixlib = rb-0.3.5 & q = 85 & fm = j pg & crop = Entropy & cs = srgb & ixid = eyjhchbfawqioje0ntg5fq == & s = 471ae675a6140db97fea32b55781479e '، ذاكرة التخزين المؤقت: خطأ ، XHR: function () {// يبدو وكأنه الطريقة الوحيدة للوصول إلى كائن XHR var xhr = new xmlhttprequest () ؛ XHR.Responsetype = 'Blob' إرجاع XHR ؛ } ، النجاح: الوظيفة (البيانات) { var img = document.getElementById ('img') ؛ var url = window.url || window.webkiturl ؛ img.src = url.createObjecturl (data) ؛ } ، خطأ: function () { } }) ؛

في هذا المثال ، يتم استخدام وظيفة XHR لتكوين كائن xmlhttprequest ، ويتم ضبط ResponsePe بشكل صريح على "blob". هذا يسمح لـ jQuery باسترداد الصورة باعتبارها نقطة وعرضها في عنصر الصورة.