Jak zaimplementować przesyłanie obrazu do edytora ocen obniżek PageDown?

Question

Aby zaimplementować przesyłanie obrazów do edytora ocen stron, zmodyfikowałem trochę kodu o edytorze.

Markdown.Editor.js

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

Kiedy Wybierz obraz a następnie kliknij przycisk OK, aby wysłać zapytanie ajax. Może zwrócić ścieżkę obrazu.

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

Jak wyświetlić podgląd obrazu w obszarze podglądu edytora?

Answer 1

Ten article stanowić użyteczną metodę

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