Summernote image upload

后端 未结 5 1499
花落未央
花落未央 2020-11-27 09:51

I have a problem with editor Summernote. I want to upload images into a catalog on the server. I have some script:



        
5条回答
  •  春和景丽
    2020-11-27 10:32

    Image Upload for Summernote v0.8.1

    for large images

    $('#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 = $('').attr('src', 'http://' + url);
                $('#summernote').summernote("insertNode", image[0]);
            },
            error: function(data) {
                console.log(data);
            }
        });
    }
    

提交回复
热议问题