用富文本summernote插入图片放到七牛云

最新推荐文章于 2021-08-06 09:36:18 发布

pcno1

最新推荐文章于 2021-08-06 09:36:18 发布

阅读量4.5k

点赞数 1

分类专栏： JS 文章标签：七牛 summernote

本文链接：https://blog.youkuaiyun.com/pcno1/article/details/53783360

版权

本文介绍了如何在使用富文本编辑器summernote时，通过自定义onImageUpload方法，将Base64格式的图片上传到七牛云存储服务。针对不同版本的summernote，尤其是0.8.2版本，文中提供了关键的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

富文本插件summernote默认插入的图片是 Base64格式的图片。为了把图片上传到七牛云，需要写 onImageUpload 方法。

不同版本的summernote会有差别，我这用的是最新版本的0.8.2

关键代码


$('.summernote').each(function() {
   
    var $this = $(this);    
    $this.summernote({
        lang : 'zh-CN'      
        , callbacks : {
            onImageUpload : function(files){
   
                QiniuUploadUtil.uploadFile(files[0], uptoken,