diff --git a/app/assets/javascripts/app/views/publisher/uploader_view.js b/app/assets/javascripts/app/views/publisher/uploader_view.js
index bd5c8ed3b..538946fbc 100644
--- a/app/assets/javascripts/app/views/publisher/uploader_view.js
+++ b/app/assets/javascripts/app/views/publisher/uploader_view.js
@@ -72,11 +72,19 @@ app.views.PublisherUploader = Backbone.View.extend({
     );
     // replace placeholder
     var placeholder = publisher.photozoneEl.find("li.loading#upload-" + id);
+
+    var imgElement = document.createElement("img");
+    imgElement.src = image.thumb_medium.url;
+    imgElement.classList.add("hidden");
+    imgElement.dataset.id = photoId;
+    imgElement.dataset.small = image.thumb_small.url;
+    imgElement.dataset.scaled = image.scaled_full.url;
+
     placeholder
       .prepend(
-        "<div class=\"x\"></div>" +
-        "<div class=\"circle\"></div>" +
-        "<img src=\"" + image.url + "\" data-id=\"" + photoId + "\" alt=\"\" class=\"hidden\" />"
+        '<div class="x"></div>' +
+        '<div class="circle"></div>' +
+        imgElement.outerHTML
       ).removeClass("loading");
     placeholder.find("div.progress").remove();
     placeholder.find("img").on("load", function(ev) {
diff --git a/spec/javascripts/app/views/publisher_view_spec.js b/spec/javascripts/app/views/publisher_view_spec.js
index 85ebea854..f389f4125 100644
--- a/spec/javascripts/app/views/publisher_view_spec.js
+++ b/spec/javascripts/app/views/publisher_view_spec.js
@@ -624,7 +624,9 @@ describe("app.views.Publisher", function() {
           var img = li.find('img');
 
           expect(li).not.toHaveClass("loading");
-          expect(img.attr("src")).toBe("/uploads/images/test.jpg");
+          expect(img.attr("src")).toBe("/uploads/images/thumb_medium_test.jpg");
+          expect(img.attr("data-small")).toBe("/uploads/images/thumb_small_test.jpg");
+          expect(img.attr("data-scaled")).toBe("/uploads/images/scaled_full_test.jpg");
           expect(img.attr("data-id")).toBe("987");
         });