小编Red*_*der的帖子

Summernote - 提交后上传图片

我需要帮助上传照片(以及在编辑器中插入的其他数据),但仅当点击提交按钮时。我搜索了论坛,并用谷歌搜索但没有运气:(

我正在使用的代码用于上传图像并将文本保存到数据库,但是当我将其添加到编辑器时,它会立即上传图像。这对我来说不是理想的行为,因为如果用户将图像添加到编辑器然后决定关闭选项卡/关闭浏览器或转到另一个地址,图像将存储在服务器上 - 所以我希望有人帮助我只上传图像当提交按钮被按下时(在那之前,它只会作为预览出现)。这是我的代码:

$('#summernote').summernote({
   //placeholder: 'your Message',

   height: 200,
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['fontname', ['fontname']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'hr']],
            ['view', ['fullscreen', 'codeview', 'help']],
            ['save-button', ['save']]
        ],
        callbacks : {
            onImageUpload: function(image) {
                uploadImage(image[0]);
            }
        }
});

function uploadImage(image) {
var slika = new FormData();
slika.append("image",image);
$.ajax ({
    data: slika,
    type: "POST",
    url: "url - upload image script",// this file uploads the picture and 
                     // …
Run Code Online (Sandbox Code Playgroud)

ajax jquery summernote

4
推荐指数
1
解决办法
2399
查看次数

标签 统计

ajax ×1

jquery ×1

summernote ×1