Question

为了实现图像上传到PageDown降价编辑器，我修改了一些关于编辑器的代码。

Markdown.Editor.js

var defaultsStrings = {imagedialog：“＆lt; input id ='image'type ='file'/＆gt;” }

选择图片然后单击“确定”按钮发送ajax请求。它可以返回图像路径。

var okButton = doc.createElement("input");
        okButton.type = "button";
        okButton.onclick = function () { 
            var data = new FormData();
            data.append('file', $( '#image' )[0].files[0] );
            $.ajax({
                url: 'uploadFile',
                data: data,
                processData: false,
                contentType: false,
                type: 'POST',
                success: function ( data ) {
                    alert(path);
                }
            });
            return close(false);};

如何在编辑器预览区域中预览图像？

Answer 1

这个article提供了一种有用的方法，

editor.hooks.set("insertImageDialog", function (callback) {
 var $input = $('<input type="file" name="File" id="file_0" class = "fileUpload"/>');
 var $okButton = $('<a class="okButton">'+uploadOK()+'</a>');
 $okButton.click(function(){
        var data = new FormData();
        var file = $input[0].files[0];
       if (file === undefined || null === file) {
          // alert("error message);
       } else {
         data.append('file',  file);
        $.ajax({
            url: 'uploadFile',
            data: data,
            dataType : 'json',
            processData: false,
            contentType: false,
            type: 'POST',
            success: function ( data ) {
                  callback(data.dataObject.url);
            },
            error : function(data){
                  // error
            }
        });    
      }
    }); )

如何将图像上传到PageDown降价编辑器？

1 个答案: