Come implementare il caricamento dell'immagine nell'editor markdown PageDown?

Question

Per implementare il caricamento dell'immagine nell'editor markdown PageDown, ho modificato un po 'di codice sull'editor.

Markdown.Editor.js

var defaultsStrings = {imagedialog: "< di input id = 'immagine' type = 'file' />"}

Quando si seleziona una foto e quindi fare clic sul pulsante OK per inviare una richiesta Ajax. Può restituire il percorso dell'immagine.

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);}; 

come visualizzare in anteprima l'immagine nell'area di anteprima editore?

Answer 1

Questo article fornire un metodo utile,

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 
      } 
     });  
     } 
    });)