Fixing changes for upload image using url.

grad_cam/templates/captioning/captioning.html

@@ -246,6 +246,36 @@ <h2 id="userImages">Try Grad-CAM On Your Images</h2>
     console.log("Ajax call completed successfully");
   });
 }
+
+function submitImageUsingUrl(){
+  var src = document.getElementById("image_url").value;
+  $('#comments').prepend('<br>');
+  $('#comments').prepend('<li>' + "Starting the Image Download process." + '</li>');
+
+  scrollToElement($("#termstart"));
+  scrollToElement($("#resultHeading"));
+
+  $.ajax({
+    type : "POST",
+    url  : "/upload/grad_cam_using_image_url/",
+    data : {'src': src  , 'socketid': "{{socketid}}", 'csrfmiddlewaretoken': '{{ csrf_token }}', type:"captioning"}
+  }).done(function(data){
+    console.log(data);
+  });
+};
+
+$("#image_url").keydown(function(e){
+  if (e.which === 13){
+    $("#image_url_submit_btn").click();
+  }
+});
+
+$('#image_url').on('paste', function(){
+  setTimeout(function(){
+    $("#image_url_submit_btn").click();
+  }, 0);
+});
+
 </script>
 <br>
   <div class="page-header">

grad_cam/templates/classification/classification.html

@@ -249,6 +249,35 @@ <h2 id="userImages">Try Grad-CAM On Your Images</h2>
   }
 });
 
+function submitImageUsingUrl(){
+  var src = document.getElementById("image_url").value;
+  $('#comments').prepend('<br>');
+  $('#comments').prepend('<li>' + "Starting the Image Download process." + '</li>');
+
+  scrollToElement($("#termstart"));
+  scrollToElement($("#resultHeading"));
+
+  $.ajax({
+    type : "POST",
+    url  : "/upload/grad_cam_using_image_url/",
+    data : {'src': src  , 'socketid': "{{socketid}}", 'csrfmiddlewaretoken': '{{ csrf_token }}', type:"classification"}
+  }).done(function(data){
+    console.log(data);
+  });
+};
+
+$("#image_url").keydown(function(e){
+  if (e.which === 13){
+    $("#image_url_submit_btn").click();
+  }
+});
+
+$('#image_url').on('paste', function(){
+  setTimeout(function(){
+    $("#image_url_submit_btn").click();
+  }, 0);
+});
+
 </script>
 
 <script type="text/javascript">

grad_cam/templates/vqa/vqa.html

@@ -1220,11 +1220,11 @@ <h2 id="userImages">Try Grad-CAM on your images</h2>
   $.ajax({
     type : "POST",
     url  : "/upload/grad_cam_using_image_url/",
-    data : {'scr':src, 'socketid':window.socketid}
+    data : {'src': src  , 'socketid': "{{socketid}}", 'csrfmiddlewaretoken': '{{ csrf_token }}', type:"vqa"}
   }).done(function(data){
     console.log(data);
   });
-}
+};
 
 $("#image_url").keydown(function(e){
   if (e.which === 13){

grad_cam/urls.py

@@ -4,7 +4,7 @@
 urlpatterns = patterns('',
     # Examples:
     url(r'^vqa', views.vqa, name='vqa'),
-    url(r'^upload/grad_cam_using_image_url/$', views.upload_image_using_url, name='upload-url'),
+    url(r'^upload/grad_cam_using_image_url/', views.upload_image_using_url, name='upload-url'),
     url(r'^upload', views.file_upload, name='upload'),
     url(r'^classification', views.classification, name='classification'),
     url(r'^captioning', views.captioning, name='captioning'),

grad_cam/views.py

@@ -13,7 +13,7 @@
 import urllib2
 from urlparse import urlparse
 import requests
-
+from django.http import Http404
 
 def home(request, template_name="index.html"):
     return render(request, template_name,)
@@ -151,21 +151,26 @@ def upload_image_using_url(request):
             elif demo_type == "captioning":
                 dir_type = constants.CAPTIONING_CONFIG['image_dir']
 
-            img_name = basename(urlparse(image_url).path)
+            img_name =  os.path.basename(urlparse(image_url).path)
             response = requests.get(image_url, stream=True)
 
-            if r.status_code == 200:
+            if response.status_code == 200:
                 random_uuid = uuid.uuid1()
                 output_dir = os.path.join(dir_type, str(random_uuid))
+                print output_dir
 
                 if not os.path.exists(output_dir):
                     os.makedirs(output_dir)
 
                 img_path = os.path.join(output_dir, str(response))
-                handle_uploaded_file(response, img_path)
-
                 return JsonResponse({"file_path": img_path})
             else:
                 raise Http404("Please Enter the Correct URL.")
         except:
             raise Http404("No images matching this url.")
+
+
+def handle_uploaded_file(f, path):
+    with open(path, 'wb+') as destination:
+        for chunk in f.chunks():
+            destination.write(chunk)

requirements.txt

@@ -11,4 +11,4 @@ pyyaml==3.12
 uwsgi==2.0.13.1
 websocket-client==0.37.0
 daphne==0.15.0
-requests
+requests==2.11.1