ajax
  • form-data
  • pagedown
  • 2013-03-13 22 views 9 likes 
    9

    Để 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.Làm cách nào để triển khai tải hình ảnh lên trình chỉnh sửa đánh dấu PageDown?

    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?

    Trả lời

    6

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

    bạn có thể cho tôi biết nơi để bao gồm đó xin vui lòng? –

    +0

    @AmitJoki Bao gồm những gì? –

    +0

    mã trên. –

     Các vấn đề liên quan

    • Không có vấn đề liên quan^_^