Bagaimana untuk Mendapatkan Imej sebagai Gumpalan Menggunakan Kaedah AJAX jQuery?

Dapatkan Imej sebagai Gumpalan Menggunakan Kaedah AJAX jQuery

Mendapatkan semula imej sebagai gumpalan menggunakan kaedah AJAX jQuery tidak disokong secara langsung, kerana jenis data yang diterima jangan sertakan format imej. Ketidakpadanan ini sering mengakibatkan imej rosak.

Untuk mengatasi had ini, anda boleh menggunakan XMLHttpRequest asli dan bukannya kaedah AJAX jQuery. Pendekatan ini membolehkan anda menetapkan responsType secara eksplisit kepada 'gumpalan':

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    handler(this.response);
    var img = document.getElementById('img');
    var url = window.URL || window.webkitURL;
    img.src = url.createObjectURL(this.response);
  }
};
xhr.open('GET', 'http://jsfiddle.net/img/logo.png');
xhr.responseType = 'blob';
xhr.send();

Sebagai alternatif, dengan versi jQuery 3, ia menjadi mungkin untuk mendapatkan semula imej sebagai gumpalan:

jQuery.ajax({
  url: 'https://images.unsplash.com/...',
  cache: false,
  xhr: function() {
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'blob';
    return xhr;
  },
  success: function(data) {
    var img = document.getElementById('img');
    var url = window.URL || window.webkitURL;
    img.src = url.createObjectURL(data);
  },
  error: function() {}
});

Menggunakan ini pendekatan, anda boleh mendapatkan semula imej sebagai gumpalan dan seterusnya melakukan operasi seperti memuat naiknya ke pelayan lain dalam permintaan POST.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Imej sebagai Gumpalan Menggunakan Kaedah AJAX jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!