百度UEditor调用单图片上传功能的解决方法

最新推荐文章于 2024-05-24 16:06:11 发布
最新推荐文章于 2024-05-24 16:06:11 发布
阅读量1.7w 收藏 4
点赞数
分类专栏： 我的文章 文章标签： 解决方案 UEditor 实例 单图上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjianddy/article/details/78888669
版权

做了个文章编辑页面，用了百度的UEditor，文章编辑上传图片毫无问题，但是封面图上传又开始头疼了，想调用UEditor那个单图片上传的按钮功能，但是js这块实在没深入研究过，先放下，找找网上可否有解决方案，方案倒是有，但基本都是出自同一源头，方法都是再创建一个实例然后隐藏再调用的思路，总是觉得不爽，算了照做，但是弹出来是多图的对话框，还有其他问题，这不能忍，必须自己干！具体如下：

直接定位UEditor的代码文件夹找到 ueditor.all.js

因为修改了该文件，在项目中需要引用ueditor.all.min.js的地方替换成ueditor.all.js

UEditor版本1.4.3.3，定位到行24462（或者直接查找 simpleupload，即可找到），这是单图上传的插件代码，将整个插件代码替换为下面的代码

UE.plugin.register('simpleupload', function (){
var me = this,
    isLoaded = false,
    containerBtn;

function initUploadBtn() {
    var w = containerBtn.offsetWidth || 20,
        h = containerBtn.offsetHeight || 20,
        btnIframe = document.createElement('iframe'),
        btnStyle = 'display:block;width:' + w + 'px;height:' + h + 'px;overflow:hidden;border:0;margin:0;padding:0;position:absolute;top:0;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;cursor:pointer;';

    domUtils.on(btnIframe, 'load', function () {

        var timestrap = (+new Date()).toString(36),
            wrapper,
            btnIframeDoc,
            btnIframeBody;

        btnIframeDoc = (btnIframe.contentDocument || btnIframe.contentWindow.document);
        btnIframeBody = btnIframeDoc.body;
        wrapper = btnIframeDoc.createElement('div');

        wrapper.innerHTML = '<form id="edui_form_' + timestrap + '" target="edui_iframe_' + timestrap + '" method="POST" enctype="multipart/form-data" action="' + me.getOpt('serverUrl') + '" ' +
        'style="' + btnStyle + '">' +
        '<input id="edui_input_' + timestrap + '" type="file" accept="image/*" name="' + me.options.imageFieldName + '" ' +
        'style="' + btnStyle + '">' +
        '</form>' +
        '<iframe id="edui_iframe_' + timestrap + '" name="edui_iframe_' + timestrap + '" style="display:none;width:0;height:0;border:0;margin:0;padding:0;position:absolute;"></iframe>';

        wrapper.className = 'edui-' + me.options.theme;
        wrapper.id = me.ui.id + '_iframeupload';
        btnIframeBody.style.cssText = btnStyle;
        btnIframeBody.style.width = w + 'px';
        btnIframeBody.style.height = h + 'px';
        btnIframeBody.appendChild(wrapper);

        if (btnIframeBody.parentNode) {
            btnIframeBody.parentNode.style.width = w + 'px';
            btnIframeBody.parentNode.style.height = w + 'px';
        }

        var form = btnIframeDoc.getElementById('edui_form_' + timestrap);
        var input = btnIframeDoc.getElementById('edui_input_' + timestrap);
        var iframe = btnIframeDoc.getElementById('edui_iframe_' + timestrap);

        domUtils.on(input, 'change', function () {
            if (!input.value) return;
            var loadingId = 'loading_' + (+new Date()).toString(36);
            var params = utils.serializeParam(me.queryCommandValue('serverparam')) || '';

            var imageActionUrl = me.getActionUrl(me.getOpt('imageActionName'));
            var allowFiles = me.getOpt('imageAllowFiles');

            me.focus();
            me.execCommand('inserthtml', '<img class="loadingclass" id="' + loadingId + '" src="' + me.options.themePath + me.options.theme + '/images/spacer.gif" title="' + (me.getLang('simpleupload.loading') || '') + '" >');

            function callback() {
                try {
                    var link, json, loader,
                        body = (iframe.contentDocument || iframe.contentWindow.document).body,
                        result = body.innerText || body.textContent || '';
                    json = (new Function("return " + result))();
                    link = me.options.imageUrlPrefix + json.url;
                    if (json.state == 'SUCCESS' && json.url) {
                        loader = me.document.getElementById(loadingId);
                        loader.setAttribute('src', link);
                        loader.setAttribute('_src', link);
                        loader.setAttribute('title', json.title || '');
                        loader.setAttribute('alt', json.original || '');
                        loader.removeAttribute('id');
                        domUtils.removeClasses(loader, 'loadingclass');
                    } else {
                        showErrorLoader && showErrorLoader(json.state);
                    }
                } catch (er) {
                    showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));
                }
                form.reset();
                domUtils.un(iframe, 'load', callback);
            }
            function showErrorLoader(title) {
                if (loadingId) {
                    var loader = me.document.getElementById(loadingId);
                    loader && domUtils.remove(loader);
                    me.fireEvent('showmessage', {
                        'id': loadingId,
                        'content': title,
                        'type': 'error',
                        'timeout': 4000
                    });
                }
            }

            /* 判断后端配置是否没有加载成功 */
            if (!me.getOpt('imageActionName')) {
                errorHandler(me.getLang('autoupload.errorLoadConfig'));
                return;
            }
            // 判断文件格式是否错误
            var filename = input.value,
                fileext = filename ? filename.substr(filename.lastIndexOf('.')) : '';
            if (!fileext || (allowFiles && (allowFiles.join('') + '.').indexOf(fileext.toLowerCase() + '.') == -1)) {
                showErrorLoader(me.getLang('simpleupload.exceedTypeError'));
                return;
            }

            domUtils.on(iframe, 'load', callback);
            form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?' : '&') + params);
            form.submit();
        });

        var stateTimer;
        me.addListener('selectionchange', function () {
            clearTimeout(stateTimer);
            stateTimer = setTimeout(function () {
                var state = me.queryCommandState('simpleupload');
                if (state == -1) {
                    input.disabled = 'disabled';
                } else {
                    input.disabled = false;
                }
            }, 400);
        });
        isLoaded = true;
    });

    btnIframe.style.cssText = btnStyle;
    containerBtn.appendChild(btnIframe);
    me.fireEvent('simpleupload_ready');         /* TY Added For Extra Custom SimpleUpload */
}
/*============== TY Added For Extra Custom SimpleUpload =================*/
function BindCustomBtn() {
    var w = containerBtn.offsetWidth || 20,
        h = containerBtn.offsetHeight || 20,
        btnIframe = document.createElement('iframe'),
        btnStyle = 'display:block;width:' + w + 'px;height:' + h + 'px;overflow:hidden;border:0;margin:0;padding:0;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;';

    domUtils.on(btnIframe, 'load', function () {

        var timestrap = (+new Date()).toString(36),
            wrapper,
            btnIframeDoc,
            btnIframeBody;

        btnIframeDoc = (btnIframe.contentDocument || btnIframe.contentWindow.document);
        btnIframeBody = btnIframeDoc.body;
        wrapper = btnIframeDoc.createElement('div');

        wrapper.innerHTML = '<form id="edui_form_' + timestrap + '" target="edui_iframe_' + timestrap + '" method="POST" enctype="multipart/form-data" action="' + me.getOpt('serverUrl') + '" ' +
        'style="' + btnStyle + '">' +
        '<input id="edui_input_' + timestrap + '" type="file" accept="image/*" name="' + me.options.imageFieldName + '" ' +
        'style="' + btnStyle + '">' +
        '</form>' +
        '<iframe id="edui_iframe_' + timestrap + '" name="edui_iframe_' + timestrap + '" style="display:none;width:0;height:0;border:0;margin:0;padding:0;position:absolute;"></iframe>';

        wrapper.className = 'edui-' + me.options.theme;
        wrapper.id = me.ui.id + '_iframeupload';
        btnIframeBody.style.cssText = btnStyle;
        btnIframeBody.style.width = w + 'px';
        btnIframeBody.style.height = h + 'px';
        btnIframeBody.appendChild(wrapper);

        if (btnIframeBody.parentNode) {
            btnIframeBody.parentNode.style.width = w + 'px';
            btnIframeBody.parentNode.style.height = w + 'px';
        }

        var form = btnIframeDoc.getElementById('edui_form_' + timestrap);
        var input = btnIframeDoc.getElementById('edui_input_' + timestrap);
        var iframe = btnIframeDoc.getElementById('edui_iframe_' + timestrap);

        domUtils.on(input, 'change', function () {
            if (!input.value) return;
            var loadingId = 'loading_' + (+new Date()).toString(36);
            var params = utils.serializeParam(me.queryCommandValue('serverparam')) || '';

            var imageActionUrl = me.getActionUrl(me.getOpt('imageActionName'));
            var allowFiles = me.getOpt('imageAllowFiles');

            function callback() {
                try {
                    var link, json, loader,
                        body = (iframe.contentDocument || iframe.contentWindow.document).body,
                        result = body.innerText || body.textContent || '';
                    json = (new Function("return " + result))();
                    link = me.options.imageUrlPrefix + json.url;
                    if (json.state == 'SUCCESS' && json.url) {
                        me.fireEvent('simpleupload_customcomplete', containerBtn.id, link, json.title || '', json.original || '');
                    } else {
                        showErrorLoader && showErrorLoader(json.state);
                    }
                } catch (er) {
                    showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));
                }
                form.reset();
                domUtils.un(iframe, 'load', callback);
            }
            function showErrorLoader(title) {
                if (loadingId) {
                    me.fireEvent('showmessage', {
                        'id': loadingId,
                        'content': title,
                        'type': 'error',
                        'timeout': 4000
                    });
                }
            }

            /* 判断后端配置是否没有加载成功 */
            if (!me.getOpt('imageActionName')) {
                errorHandler(me.getLang('autoupload.errorLoadConfig'));
                return;
            }
            // 判断文件格式是否错误
            var filename = input.value,
                fileext = filename ? filename.substr(filename.lastIndexOf('.')) : '';
            if (!fileext || (allowFiles && (allowFiles.join('') + '.').indexOf(fileext.toLowerCase() + '.') == -1)) {
                showErrorLoader(me.getLang('simpleupload.exceedTypeError'));
                return;
            }

            domUtils.on(iframe, 'load', callback);
            form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?' : '&') + params);
            form.submit();
        });

        var stateTimer;
        me.addListener('selectionchange', function () {
            clearTimeout(stateTimer);
            stateTimer = setTimeout(function () {
                var state = me.queryCommandState('simpleupload');
                if (state == -1) {
                    input.disabled = 'disabled';
                } else {
                    input.disabled = false;
                }
            }, 400);
        });
        isLoaded = true;
    });

    btnIframe.style.cssText = btnStyle;
    containerBtn.appendChild(btnIframe, containerBtn);
}
/*=======================================================================*/

return {
    bindEvents:{
        'ready': function() {
            //设置loading的样式
            utils.cssRule('loading',
                '.loadingclass{display:inline-block;cursor:default;background: url(\''
                + this.options.themePath
                + this.options.theme +'/images/loading.gif\') no-repeat center center transparent;border:1px solid #cccccc;margin-right:1px;height: 22px;width: 22px;}\n' +
                '.loaderrorclass{display:inline-block;cursor:default;background: url(\''
                + this.options.themePath
                + this.options.theme +'/images/loaderror.png\') no-repeat center center transparent;border:1px solid #cccccc;margin-right:1px;height: 22px;width: 22px;' +
                '}',
                this.document);
        },
        /* 初始化简单上传按钮 */
        'simpleuploadbtnready': function(type, container) {
            containerBtn = container;
            me.afterConfigReady(initUploadBtn);
        },
        /*============== TY Added For Extra Custom SimpleUpload =================*/
        'simpleupload_custominit': function (type,container) {
            containerBtn = container;
            BindCustomBtn();
        }
        /*=======================================================================*/
    },
    outputRule: function(root){
        utils.each(root.getNodesByTagName('img'),function(n){
            if (/\b(loaderrorclass)|(bloaderrorclass)\b/.test(n.getAttr('class'))) {
                n.parentNode.removeChild(n);
            }
        });
    },
    commands: {
        'simpleupload': {
            queryCommandState: function () {
                return isLoaded ? 0:-1;
            }
        }
    }
}
});

插件新增了3个消息，simpleupload_ready、simpleupload_custominit和simpleupload_customcomplete，和新增了一个BindCustomBtn()函数和对应响应消息simpleupload_custominit的处理函数.

simpleupload_ready消息是UEditor初始化绑定单图上传按钮完成发出的消息，响应这个消息开始绑定自己的单图上传按钮

simpleupload_custominit消息是通知UEditor调用BindCustomBtn()绑定自定义的按钮

simpleupload_customcomplete消息是自定义按钮上传图片完成后会出发的消息，会带来上传的结果包括id（自定义按钮）、link、title、alt参数。

id参数就是自定义按钮的id，这个可以用来区分是哪个自定义按钮上传完毕出发的，也就是说可以支持多个自定义按钮独立单图上传。

下面是页面实现一个自定义上传按钮(区域)的代码

页面部分Html代码（Div作为自定义按钮）

<div id="upload-cover" style="width: 45px; height: 30px; margin-left: 60px; border: 1px solid #808080">
<img id="cover-img" src="" width="45" height="30" style="position: absolute" />
                </div>

页面js代码

//UEditor And CustomSimpleUpload Init
        var ue = UE.getEditor('content');
        ue.addListener('simpleupload_ready', function (types) {
            var btnUpload = document.getElementById('upload-cover');
            ue.fireEvent('simpleupload_custominit', btnUpload);
        });
        ue.addListener('simpleupload_customcomplete', function (types, id, link, title, alt) {
            document.getElementById('cover-img').src = link;
            document.getElementById('cover').value = link;//赋值表单的一个隐藏input
        });

以上代码基本上就解决调用单图上传的问题，有个问题需要注意下，原单图的插件是在上传点击按钮（区域）上覆盖了一层同样大小的透明按钮，上传点击按钮的动作触发的其实是这个透明按钮，
自定义按钮按照上面js代码绑定消息后，触发方式不变，所以如果点击无效的话，那应该是透明按钮没有重叠到你自己的自定义按钮上。在插件代码的函数BindCustomBtn()中，找到

filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;

把透明改为不透明，自己调整下按钮位置，和自己的自定义按钮重叠就OK了。

最终完成效果是这样的：

1、上传封面图片前

上传前

2、上传中

上传中

3、上传完成

这里写图片描述

星辰游侠
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
百度编辑器上传图片调用图片目录
07-03
在本文中，我们将深入探讨如何实现百度编辑器（UEditor）上传图片并调用图片目录的功能。这是一个关键的步骤，特别是在网站内容管理中，让用户能够方便地上传和管理图片资源。我们将按照描述中的步骤逐一解析。 1. ...
ueeditor的使用_ueditor使用小结
weixin_39637661的博客
12-20 931
一、简介为了方便开发学习，我们下载它的完整版和.net版。二、如何引入ueditor编辑器下载包的index.html是编辑器示例，主要几处代码如下：…… script> …… script>//实例化编辑器var ue = UE.getEditor( 'editor', {autoHeightEnabled: true,autoFloatEnabled: true,initialFrameWid...
Spring Boot整合UEditor解决单图多图图片上传问题
qq_34896730的博客
12-19 1226
   由于在解决Spring Boot使用UEdior富文本编辑器的图片上传问题时花了不少时间，故记录一下解决方案，希望能够帮助到大家。 1、下载UEditor(点击下载) 2、把utf8-jsp重命名为ueditor放到项目中    把ueditor->js下的config.json放到resources目录下 3、加入ma...
百度编辑器直接粘贴图片实现
最新发布
weixin_45525177的博客
05-24 1000
百度编辑器直接粘贴图片实现，百度编辑器粘贴图片，百度编辑器粘贴word图片，百度编辑器粘贴word图文，百度编辑器粘贴word，百度编辑器粘贴word内容，百度编辑器粘贴word文档，百度编辑器一键粘贴word，百度编辑器一键粘贴word图文，百度编辑器一键粘贴word图片，我们就想能够增加一个功能，可以直接复制word中的图片和文字，然后在编辑器中粘贴就可以自动上传图片了，需要为百度ueditor编辑器增加粘贴Word图片的功能，粘贴后图片能够自动上传到服务器中，服务器地址能够自定义，
百度ueditor 视频编辑问题以及图片跟视频居中报错问题解决
ilywhax的专栏
06-21 5125
请修改ueditor.config.js  里面的白名单设置。由于白名单里面过滤掉了各种标签的属性，到时样式跟id之类的被清空了。 img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass','style', 'class', '_url'],   当重新编辑上传的视频的时候，ueditor
UEditor图片不能居中，首行缩进无效等问题的解决
秋水之城
07-08 7973
UEditor图片不能居中，首行缩进无效等问题的解决 在项目中使用的最新版本的UEditor 1.4.3.3，配置好前端，配置好后端，配置好文件上传，一切都很顺利。 坑爹的是图片设为居中以后，一点源码模式居中效果自动消失，直接提交后前端图片仍旧是靠左的。 首行缩进也有类似的情况。 简单跟了一下发现提交的时候，HTML代码中就没有居中及首行缩进的相关描述，可以确定
UEditor图片居中问题
tyj1575321367的博客
04-08 6483
UEditor图片居中问题
uve 使用百度ueditor自定义图片上传,在线图片插入,在线图片管理
qq_38327141的博客
05-22 1035
uve 使用百度ueditor自定义图片上传,在线图片插入,在线图片管理==前言==环境自定义组件1.上传1.1代码1.2组件调用说明2.百度ueditor2.1 代码2.2组件调用说明参考,引用组件==**2.本帖所有内容均属于原创,转载请注明出处**==对本帖有疑问,使用过程中出现问题,可以私信我或加我微信,备注:ueditor 前言 本帖所有内容均用于学习使用,如有涉及侵权,请看到后联系我进行删帖 环境 “axios”: “^0.21.1”, “element-ui”: “^2.4.5”, “l
UEditor(富文本编辑器)
知识变成人话才有价值，拒绝黑化文章。博主也不是大神，只是平凡大众的一员，希望能够通过丰富的经验，认真的态度，贴合实际的表达对宝友们有所帮助
09-11 330
jsp界面设置编辑器的大小宽高位置等 <script type="text/plain" id="_postEdit" name="detail"></script> <script type="text/javascript" > var option = { minFrameHeight:400, //设置高度 initialFrameWi...
php UEditor百度编辑器安装与使用方法分享
10-20
总的来说，UEditor为PHP开发者提供了一个功能强大且易于集成的在线编辑解决方案，通过简单的配置和调用，即可在项目中实现富文本编辑功能。无论是新手还是经验丰富的开发者，都能快速上手并灵活运用。
百度ueditor 1.2.6.2编辑器asp版本 无组件上传
11-19
图片等上传到 /UploadFiles/images/ ，请建立此目录 上传完毕文件及建立好/UploadFiles/images/既可使用。 个性化目录请修改文件ueditor.config.js和ASP上传的文件。 ASP采用无组件上传 有问题请到我的网站提问 ...
百度ueditor使用.doc
12-14
【百度Ueditor使用详解】 Ueditor是由百度开发的一款强大的Web富文本编辑器，它提供了丰富的功能，便于用户在网页上创建、编辑和格式化文本。本文将深入探讨如何使用和二次开发Ueditor。 **一、Ueditor的部署与...
ueditor 1.2.6 使用方法说明
10-27
**UEditor 1.2.6 使用方法详解** ...通过以上步骤，你已成功设置了一个基本的UEditor实例，并了解了如何启用图片上传功能。随着对UEditor API的深入理解和实践，你可以实现更多高级功能，如自定义工具栏、插件集成等。
ueditor使用经验
li_lzw的专栏
10-19 664
1、赋值setcontent，必须在read事件中执行。  ue.addListener("ready",function() { ue.setContent(content);}); 2、如果使用一个编辑器反复赋值，需要每次赋值注册一次ready事件，响应函数里取消该事件 ue.addListener("ready", doSet);
ueditor跨域上传,虽然图片上传成功,但是提示上传错误,图片不展示的解决方法
qq422431474的博客
11-23 2266
UEditor 介绍 UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。 1：下载ueditor下来，放在vue项目中的static文件夹下(将php文件夹去除,php文件放置位置下面说明) 2：将php文件放到php接口项目内 3：修改配置文件： (1)：修改ueditor.config.js配置文件 // 这里是配置Ueditor内部进行文件请求时的静态文件...
Uniapp + 富文本编辑器UEditorPlus 上传文件
weixin_43198844的博客
02-23 891
公司一个项目需要用到富文本编辑器功能，在开源社区找到一个不错的工具： UEditorPlus。功能挺全面的，很适合开发。
百度webuploader插件整合ueditor编辑器上传
weixin_44371237的博客
06-30 355
百度webuploader上传插件 http://fex.baidu.com/webuploader/
ueditor单独调用图片上传
自强不息
05-09 318
很多人在问ueditor，如何单独使用图片上传功能，但是网上没有一篇能用的文档，没办法，我刚好也需要这个功能，花了3天时间（本人水平太菜，哎）终于知道怎么处理了，发出来给大家共享： 效果如下： 页面效果： 点击上传图片： 上传图片，点确定： 获得上传图片的路径，并赋值给input： Ok，效果就这样。 具体实现也非常简单： JS代码：注意放在页面的最下面，页面需...
迅睿cms修改图片及附件的上传路径
程序人生
03-13 1093
​ 迅睿cms如何修改图片或者附件的上传路径？下面福地网小编就给大家分享下修改方法。 1、迅睿CMS上传附件或图片的默认位置是网站根目录下uploadfile，我们可以修改这个存放的目录文件夹或者甚至还可以是绝对路径，功能位置在：后台--系统--附件设置--附件上传目录，当然这个是附件上传的主目录；
ueditor图片上传
09-29
ueditor是一个基于JavaScript的富文本编辑器，它支持图片上传功能。要实现ueditor的图片上传功能，你需要按照以下步骤进行操作： 1. 首先你需要下载ueditor的源代码，你可以从ueditor的官网(http://ueditor.baidu.com/website/download.html)上下载。 2. 下载完成后，解压文件并复制ueditor目录到你的项目中。 3. 在你的项目中创建一个文件夹，例如"ueditor"，并将utf8-jsp文件夹中的所有内容复制到这个文件夹中。 4. 在你的项目中引入ueditor的相关文件。在你的HTML文件中，引入ueditor.config.js和ueditor.all.min.js文件。确保路径正确。 5. 在你的HTML文件中，创建一个textarea元素，用于显示ueditor编辑器。 6. 在JavaScript代码中，初始化ueditor编辑器。使用UE.getEditor方法，并传入相关配置参数。其中，你需要配置图片上传的相关参数，比如上传图片的处理接口URL。 7. 在你的服务器上，实现图片上传的处理接口。这个接口将接收并处理上传的图片文件，并返回图片的URL或其他相关信息。 8. 在ueditor的配置文件ueditor.config.js中，配置图片上传的处理接口URL。将该URL与图片上传按钮绑定，当用户点击上传按钮时，会调用该接口。 9. 完成上述步骤后，重新加载你的页面，你就可以看到ueditor编辑器，并且可以进行图片上传了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值