Upload pasted image on editor

assets/js/post-form.js

@@ -14,6 +14,7 @@
 
             this.initDropzones()
             this.initFormEvents()
+            this.initImagePasting()
             this.addToolbarButton()
         }
 
@@ -104,6 +105,48 @@
         })
     }
 
+    PostForm.prototype.initImagePasting = function() {
+        var self = this
+
+        self.$markdownEditor.bind('paste', function (event) {
+            if (event.type.indexOf('copy') === 0 || event.type.indexOf('paste') === 0) {
+                event.clipboardData = event.originalEvent.clipboardData;
+            }
+
+            var clipboardData = event.clipboardData;
+
+            if (clipboardData.types.indexOf('Files') != -1) {
+                var file = clipboardData.items[0].getAsFile();
+                var reader = new FileReader();
+                reader.onload = function (evt) {
+                    self.pauseUpdates();
+
+                    var formData = new FormData()
+                    formData.append('X_BLOG_IMAGE_UPLOAD', 1)
+                    formData.append("_image", evt.target.result)
+                    formData.append('_session_key', self.sessionKey)
+
+                    jQuery.ajax({
+                        url: self.formAction,
+                        type: "POST",
+                        cache: false,
+                        contentType: false,
+                        processData: false,
+                        data: formData
+                    })
+                    .done(function(response) {
+                        self.resumeUpdates();
+                        self.codeEditor.insertSnippet('![' + response.file + '](' + response.path + ')')
+                    })
+                    .fail(function(response) {
+                        self.resumeUpdates();
+                    });
+                };
+                reader.readAsDataURL(file);
+            }
+        });
+    }
+
     PostForm.prototype.pauseUpdates = function() {
         this.$markdownEditor.markdownEditor('pauseUpdates')
     }

formwidgets/BlogMarkdown.php

@@ -55,31 +55,50 @@ protected function checkUploadPostback()
         $uploadedFileName = null;
 
         try {
-            $uploadedFile = Input::file('file');
 
-            if ($uploadedFile)
-                $uploadedFileName = $uploadedFile->getClientOriginalName();
+            if (Input::has('file')) {
 
-            $validationRules = ['max:'.File::getMaxFilesize()];
-            $validationRules[] = 'mimes:jpg,jpeg,bmp,png,gif';
+                $uploadedFile = Input::file('file');
 
-            $validation = Validator::make(
-                ['file_data' => $uploadedFile],
-                ['file_data' => $validationRules]
-            );
+                if ($uploadedFile)
+                    $uploadedFileName = $uploadedFile->getClientOriginalName();
 
-            if ($validation->fails()) {
-                throw new ValidationException($validation);
-            }
+                $validationRules = ['max:'.File::getMaxFilesize()];
+                $validationRules[] = 'mimes:jpg,jpeg,bmp,png,gif';
+
+                $validation = Validator::make(
+                    ['file_data' => $uploadedFile],
+                    ['file_data' => $validationRules]
+                );
+
+                if ($validation->fails()) {
+                    throw new ValidationException($validation);
+                }
+
+                if (!$uploadedFile->isValid()) {
+                    throw new SystemException(Lang::get('cms::lang.asset.file_not_valid'));
+                }
+
+                $file = new File();
+                $file->data = $uploadedFile;
+
+            } else if (Input::has('_image')) {
+
+                $content = Input::get('_image');
+
+                preg_match('/^(data:\s*image\/(\w+);base64,)/', $content, $result);
+
+                $file_content = base64_decode( str_replace( $result[1], '', $content ) );
+                $file_ext = $result[2];
+                $file_name = md5( $file_content ) . "." . $file_ext;
+                $uploadedFileName = "image" . "." . $file_ext;
 
-            if (!$uploadedFile->isValid()) {
-                throw new SystemException(Lang::get('cms::lang.asset.file_not_valid'));
+                $file = new File();
+                $file->fromData($file_content, $file_name);
             }
 
             $fileRelation = $this->model->content_images();
 
-            $file = new File();
-            $file->data = $uploadedFile;
             $file->is_public = true;
             $file->save();