Summernote 编辑器 - 上传后无法查看图像

Posted 2023-03-22

【中文标题】Summernote 编辑器 - 上传后无法查看图像

【英文标题】：Summernote Editor - Cannot view image after upload

【发布时间】：2019-02-11 06:49:06

【问题描述】：

从我的文件夹上传后，无法在 Summer Note 中查看上传的图片

<script>
    $('#summernote').summernote(
        height: ($(window).height() - 300),
        callbacks: 
            onImageUpload: function(image) 
                uploadImage(image[0]);
            
        
    );

    function uploadImage(image) 
        var data = new FormData();
        data.append("image", image);
        $.ajax(
            url: 'Your url to deal with your image',
            cache: false,
            contentType: false,
            processData: false,
            data: data,
            type: "post",
            success: function(url) 
                var image = $('<img>').attr('src', 'http://' + url);
                $('#summernote').summernote("insertNode", image[0]);
            ,
            error: function(data) 
                console.log(data);
            
        );
    
</script>

这是我在索引页面中的脚本。请帮助我

【参考方案1】：

url: 'Your url to deal with your image',

在上面的行中，您必须编写处理文件上传并返回（回显）其 url 的 .php 文件的名称。

例如：

url: 'upload.php',

那么你当然必须实际创建一个正确的upload.php。