show previews

catalog/static/js/dataRetrieval.js

@@ -208,9 +208,8 @@ $(document).ready(function () {
                                 // 'csrfmiddlewaretoken': document.getElementsByName('csrfmiddlewaretoken')[0].value,
                                 'value': data.product.link_icon
                             },
-                            dataType: 'text',
-                            success: function (response) {
-                                console.log("from img response: ", response);
+                            dataType: 'json',
+                            success: function (res) {
                                 var product_html =  '<li id="' + data.id + '"  onclick="drawApiResponse(this)" class="hover-me">'+
                                                         '<a href="javascript:void(0)">'+
                                                             '<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>'+
@@ -221,8 +220,8 @@ $(document).ready(function () {
                                                         '</a>'+
                                                         '<div id="' + data.id + '-hover" class="item-info-view">'+
                                                             '<div class="cropped-preview">'+
-                                                                '<img src="' + data.img + '">'+
-                                                                // '<img src="data:image/jpeg;base64, ' + raw_img + '">'+
+                                                                // '<img src="' + data.img + '">'+
+                                                                '<img src="data:image/png;base64, ' + res.img + '">'+
                                                             '</div>'+
                                                             '<div class="polygon-item-data">'+
                                                                 '<div class="city">' + data.product.identifier + '</div>'+

catalog/views.py

@@ -10,6 +10,7 @@ from django.views.generic.base import View
 from django.template import loader
 from urllib import urlencode
 import requests, json, unicodedata, sys
+import base64
 
 sys.path.append('../')
 from geosentinel import APISentinel
@@ -38,15 +39,13 @@ def map(request):
 
 #-------------------------------------------------------------------------------
 def requestToImage(request):
-    # print("REQUEST: ", request.GET)
     img_link = request.GET['value']
     # img_link = img_link[:img_link.find("/") + 2] + "emmhp:geoemm29@" + img_link[img_link.find("/") + 2:]
 
-    # r = requests.get(img_link, auth=("emmhp", "geoemm29"), stream=True)
-    # print("RAAAW: ", r.raw)
+    r = requests.get(img_link, auth=("emmhp", "geoemm29"), stream=True)
+    img_str = base64.b64encode(r.content)
 
-    return JsonResponse({'img': "reqToIMG"})
-    # return HttpResponse(r.raw, content_type="image/jpeg")
+    return JsonResponse({'img': img_str})
 
 #-------------------------------------------------------------------------------
 def productList(request):