Feature: Replace image upload by DRF-api

pinry/static/js/helpers.js

@@ -7,6 +7,41 @@
  */
 
 
+function _getCookie(name) {
+    var cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+        var cookies = document.cookie.split(';');
+        for (var i = 0; i < cookies.length; i++) {
+            var cookie = jQuery.trim(cookies[i]);
+            // Does this cookie string begin with the name we want?
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+}
+
+
+function getCSRFToken() {
+    return _getCookie('csrftoken');
+}
+
+
+function csrfSafeMethod(method) {
+    // these HTTP methods do not require CSRF protection
+    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+}
+$.ajaxSetup({
+    beforeSend: function(xhr, settings) {
+        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+            xhr.setRequestHeader("X-CSRFToken", getCSRFToken());
+        }
+    }
+});
+
+
 function renderTemplate(templateId, context) {
     var template = Handlebars.compile($(templateId).html());
     return template(context);

pinry/static/js/pin-form.js

@@ -107,18 +107,19 @@ $(window).load(function() {
             uploadMultiple: false,
             maxFiles: 1,
             acceptedFiles: 'image/*',
+            headers: {
+                'X-CSRFToken': getCSRFToken(),
+            },
             success: function(file, resp) {
-                $('#pin-form-image-url').parent().fadeOut(300);
-                var promise = getImageData(resp.success.id);
-                uploadedImage = resp.success.id;
-                promise.success(function(image) {
-                    $('#pin-form-image-url').val(image.thumbnail.image);
-                    createPinPreviewFromForm();
-                });
-                promise.error(function() {
-                    message('Problem uploading image.', 'alert alert-error');
-                });
-            }
+                var image_url = $('#pin-form-image-url');
+                image_url.parent().fadeOut(300);
+                uploadedImage = resp.id;
+                image_url.val(resp.thumbnail.image);
+                createPinPreviewFromForm();
+            },
+            error: function (error) {
+              message('Problem uploading image.', 'alert alert-error');
+            },
         });
         // If bookmarklet submit
         if (pinFromUrl) {