Summernote - 图片网址而不是 Base64答案

【问题标题】：Summernote - Image url instead of Base64Summernote - 图片网址而不是 Base64
【发布时间】：2015-02-20 10:28:20
【问题描述】：

Summernote 所见即所得编辑器将图像文件编码为 Base64。好吧，这似乎很方便，但我希望数据库长期大量使用。这会导致一些问题——搜索速度慢、实现图像库等等......

我想知道它是否可以选择关闭此编码选项并使用“插入 url”方法。我一直在寻找它，但还没有很大的成功。

例如，而不是存储像...这样的图像

<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>

应该是……

<img src="/images/blah/blah.jpg.">

任何文件？或者有什么可以参考的例子？

谢谢！

【问题讨论】：

您是否将图像复制粘贴到字段中（而不是从 URL 创建图像）？
不行，大家都会使用 Summernote 的图片插入功能来添加图片。
通过 URL 插入图像对我来说按预期工作，它使用 URL 而不是 base64 字符串。如果您想使用普通 URL 的上传功能，您必须为 onImageUpload 编写回调
用户必须将图像复制并粘贴到summernote中，而不是使用插入图像菜单。使用插入图片按钮插入图片的 URL 会得到您想要的结果，只有复制粘贴会生成 base64 图像
我想我应该使用另一个所见即所得的编辑器......我将把这篇文章保持打开状态，以便知道如何或以前实施过它的人可以留下答案。

标签： php summernote

【解决方案1】：

您需要为 onImageUpload() 编写自定义函数。

我正在寻找解决方案。找到这个：Summernote image upload

【讨论】：

【解决方案2】：

我的一些应用程序也遇到了这个问题。我在这里创建了一个详细的教程https://a1websitepro.com/store-image-uploads-on-server-with-summernote-not-base-64/

你必须让summernote知道你要用一个函数来处理图像文件。

    $(document).ready(function() {
    $("#summernote").summernote({
      placeholder: 'enter directions here...',
            height: 300,
            callbacks: {
            onImageUpload : function(files, editor, welEditable) {

         for(var i = files.length - 1; i >= 0; i--) {
                 sendFile(files[i], this);
        }
    }
}
});
});

然后为回调创建另一个这样的函数。

    function sendFile(file, el) {
    var form_data = new FormData();
    form_data.append('file', file);
    $.ajax({
        data: form_data,
        type: "POST",
        url: 'editor-upload.php',
        cache: false,
        contentType: false,
        processData: false,
    success: function(url) {
    $(el).summernote('editor.insertImage', url);
   }
    });
    }

然后你需要创建一个 php 文件。处理请求。请注意，此脚本的 php 文件名为 editor-upload.php

【讨论】：