Question

Để triển khai tải hình ảnh lên trình chỉnh sửa đánh dấu PageDown, tôi đã sửa đổi một số mã về trình chỉnh sửa.

Markdown.Editor.js

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

Khi chọn một bức tranh và sau đó nhấp vào nút ok để gửi yêu cầu ajax. Nó có thể trả về đường dẫn hình ảnh.

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

Làm thế nào để xem trước các hình ảnh trong khu vực xem trước biên tập viên?

Answer 1

này article cung cấp một phương pháp hữu ích,

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