Escribí una página HTML que llama a thmbnail.ws para generar una miniatura para la URL dada (en este código es un mapa de gmap), este es mi código:

 $.ajax({ url: 'https://cors-anywhere.herokuapp.com/http://api.thumbnail.ws/api/API_KEY/thumbnail/get?url=http://maps.google.com/?q=36.82,10.17&width=800', crossDomain: true, headers: {'X-Requested-With': 'XMLHttpRequest'}, contentType: "image/jpeg", success: function (data) { console.log('Thumbnail Call OK'); console.log('Data Type : ' + typeof(data)); $('#map2').html('Image : <img src="data:image/jpeg;base64,' + data + '" />'); } });

Este es el resultado de la ejecución:

Pensé que la respuesta son datos codificados en base64, así que intenté poner datos en una etiqueta img (en div#map2) pero de ninguna manera: ¡Como puede ver, tengo caracteres extraños en el área de la imagen! El depurador dice que el resultado es una imagen/jpeg, si hago clic en la pestaña "Respuesta" tengo esto:

Y cuando hago clic en "aquí" tengo la buena imagen:

¡No puedo encontrar el tipo de datos correcto y cómo mostrarlo en mi página!