|
|
@ -234,29 +234,29 @@
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
openDropped: function(e) {
|
|
|
|
openDropped: function(e) {
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != "Files") return;
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != 'Files') return;
|
|
|
|
|
|
|
|
|
|
|
|
e.stopPropagation();
|
|
|
|
e.stopPropagation();
|
|
|
|
e.preventDefault();
|
|
|
|
e.preventDefault();
|
|
|
|
this.file = e.originalEvent.dataTransfer.files[0];
|
|
|
|
this.file = e.originalEvent.dataTransfer.files[0];
|
|
|
|
this.previewImages();
|
|
|
|
this.previewImages();
|
|
|
|
this.$el.removeClass("dropoff");
|
|
|
|
this.$el.removeClass('dropoff');
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
showArea: function(e) {
|
|
|
|
showArea: function(e) {
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != "Files") return;
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != 'Files') return;
|
|
|
|
|
|
|
|
|
|
|
|
e.stopPropagation();
|
|
|
|
e.stopPropagation();
|
|
|
|
e.preventDefault();
|
|
|
|
e.preventDefault();
|
|
|
|
this.$el.addClass("dropoff");
|
|
|
|
this.$el.addClass('dropoff');
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
hideArea: function(e) {
|
|
|
|
hideArea: function(e) {
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != "Files") return;
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] != 'Files') return;
|
|
|
|
|
|
|
|
|
|
|
|
e.stopPropagation();
|
|
|
|
e.stopPropagation();
|
|
|
|
e.preventDefault();
|
|
|
|
e.preventDefault();
|
|
|
|
this.$el.removeClass("dropoff");
|
|
|
|
this.$el.removeClass('dropoff');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
})();
|
|
|
|
})();
|
|
|
|