编辑器上传文件跨域 #9

index/src/app/class/EditorConfig.ts

@@ -23,5 +23,5 @@ export class EditorConfig {
     public imageUpload = true;
     public imageFormats = ['jpg', 'jpeg', 'gif', 'png', 'bmp', 'webp'];
     public imageUploadURL = environment.host + '/imgUpload';
-
+    public useAjaxToUploadImg = true
 }

index/src/assets/editor/plugins/image-dialog/image-dialog.js

@@ -153,6 +153,34 @@
 
                     loading(true);
 
+                    if (settings.useAjaxToUploadImg) {
+                        var formData = new FormData();
+                        //获取需要上传的文件，追加到formData中以json的方式提交
+                        formData.append("editormd-image-file", fileInput[0].files[0]);
+                        $.ajax({
+                            type: 'post',
+                            url: action,
+                            data: formData,
+                            dataType: "json",
+                            async: false,
+                            processData: false,
+                            contentType: false,
+                            success: data => {
+                                loading(false);
+                                if (data.success === 1) {
+                                    dialog.find("[data-url]").val(data.url);
+                                } else {
+                                    alert(data.message);
+                                }
+                            },
+                            error:() =>{
+                                loading(false);
+                            }
+                        })
+
+                        return false
+                    }
+
                     var submitHandler = function() {
 
                         var uploadIframe = document.getElementById(iframeName);