首页 > 解决方案 > Summernote 在文件选择时调用上传图片而不是插入图片

问题描述

我在我的rails项目中添加了summernote并实现了代码以使用将图像保存在服务器中

$(document).ready(function($) {
      $(".summernote_custom").summernote({
           height: 200,
           styleTags: ['p', 'h1', 'h2'],
           toolbar: [
                 ['style', ['bold', 'italic', 'underline', 'clear']],
                 ['para', ['ul', 'ol', 'paragraph','style']],
                 ['fontname', ['fontname']],
                 ['fontsize',['fontsize']],
                 ['insert', ['picture','link']]
           ],
           dialogsInBody: true,
            callbacks: {
               onImageUpload: function(files) {
                 uploadImage(files[0],$(this));
               }
             }
         });
    });

    function uploadImage(image,editor) {
      var data = new FormData();
      data.append("image",image);
      data.append("name", "resource");
      $.ajax ({
        data: data,
        type: "POST",
        url: "#{ajax_upload_doctor_attachments_path}",
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
          editor.summernote("insertImage", "#{HOST}" + data.url, function ($image) {
            $image.css('width', '100%');
            $image.attr('data-filename', 'retriever');
          });

        },
        error: function(data) {
          console.log(data);
        }
      });
    }

一切正常的唯一问题是它在文件选择时插入图像并关闭弹出窗口,而不是等待单击“插入图像”按钮。

我怎样才能改变这种行为

标签: summernote

解决方案


推荐阅读