美文网首页
百度富文本黏贴图片回调函数处理

百度富文本黏贴图片回调函数处理

作者: 一个被程序员耽误的厨师 | 来源:发表于2019-11-01 17:51 被阅读0次

    处理黏贴图片回调函数 catchremoteimage在 ueditor.all.js文件中的 第23197行

    具体逻辑还要参考返回数据格式

      /* 获取源路径和新路径 */
                        var i, j, ci, cj, oldSrc, newSrc, list = info.list;
    
                        var isAlert = false;
    
                        for (i = 0; ci = imgs[i++];) {
                            oldSrc = ci.getAttribute("_src") || ci.src || "";
                            for (j = 0; cj = list[j++];)
                            {
                                if (oldSrc == cj.source )
                                {
                                    if(cj.state == "SUCCESS") {  //抓取失败时不做替换处理
                                      newSrc = catcherUrlPrefix + cj.url;
                                      domUtils.setAttributes(ci, {
                                        "src": newSrc,
                                        "_src": newSrc
                                      });
                                      break;
                                    }
                                } else if (!cj.source){
                                    domUtils.setAttributes(ci, {
                                        "src": '111111',
                                        "_src": ''
                                    });
                                    isAlert = true;
                                }
                            }
                        }
    
                        isAlert ? alert('111') : '';
    

    该函数源码如下,可以复制替换掉,注意修改返回数据格式

    UE.plugins['catchremoteimage'] = function () {
        var me = this,
            ajax = UE.ajax;
    
        /* 设置默认值 */
        if (me.options.catchRemoteImageEnable === false) return;
        me.setOpt({
            catchRemoteImageEnable: false
        });
    
        me.addListener("afterpaste", function () {
            me.fireEvent("catchRemoteImage");
        });
    
        me.addListener("catchRemoteImage", function () {
    
            var catcherLocalDomain = me.getOpt('catcherLocalDomain'),
                catcherActionUrl = me.getActionUrl(me.getOpt('catcherActionName')),
                catcherUrlPrefix = me.getOpt('catcherUrlPrefix'),
                catcherFieldName = me.getOpt('catcherFieldName');
    
            var remoteImages = [],
                imgs = domUtils.getElementsByTagName(me.document, "img"),
                test = function (src, urls) {
                    if (src.indexOf(location.host) != -1 || /(^\.)|(^\/)/.test(src)) {
                        return true;
                    }
                    if (urls) {
                        for (var j = 0, url; url = urls[j++];) {
                            if (src.indexOf(url) !== -1) {
                                return true;
                            }
                        }
                    }
                    return false;
                };
    
            for (var i = 0, ci; ci = imgs[i++];) {
                if (ci.getAttribute("word_img")) {
                    continue;
                }
                var src = ci.getAttribute("_src") || ci.src || "";
                if (/^(https?|ftp):/i.test(src) && !test(src, catcherLocalDomain)) {
                    remoteImages.push(src);
                }
            }
    
            if (remoteImages.length) {
                catchremoteimage(remoteImages, {
                    //成功抓取
                    success: function (r) {
                        try {
                            var info = r.state !== undefined ? r:eval("(" + r.responseText + ")");
                        } catch (e) {
                            return;
                        }
    
                        /* 获取源路径和新路径 */
                        var i, j, ci, cj, oldSrc, newSrc, list = info.list;
    
                        var isAlert = false;
    
                        for (i = 0; ci = imgs[i++];) {
                            oldSrc = ci.getAttribute("_src") || ci.src || "";
                            for (j = 0; cj = list[j++];)
                            {
                                if (oldSrc == cj.source )
                                {
                                    if(cj.state == "SUCCESS") {  //抓取失败时不做替换处理
                                      newSrc = catcherUrlPrefix + cj.url;
                                      domUtils.setAttributes(ci, {
                                        "src": newSrc,
                                        "_src": newSrc
                                      });
                                      break;
                                    }
                                } else if (!cj.source){
                                    domUtils.setAttributes(ci, {
                                        "src": '111111',
                                        "_src": ''
                                    });
                                    isAlert = true;
                                }
                            }
                        }
    
                        isAlert ? alert('111') : '';
                        // for(i=0;i<imgs.length;i++){
                        //     oldSrc = imgs[i].getAttribute("_src") || imgs[i].src || "";
                        //     for(j=0;j<list.length;j++){
                        //         if(list[j].source && list[j].state=='SUCCESS'){
                        //             newSrc = catcherUrlPrefix + imgs[i].url;
                        //             domUtils.setAttributes(imgs[i], {
                        //             "src": newSrc,
                        //             "_src": newSrc
                        //             });
                        //         }else{
                        //             domUtils.setAttributes(imgs[i], {
                        //             "src": '111111',
                        //             "_src": ''
                        //             });
                        //             alert("上传图片超过2M")
                        //         }
                        //     }
                        // }
                        me.fireEvent('catchremotesuccess')
                    },
                    //回调失败,本次请求超时
                    error: function () {
                        me.fireEvent("catchremoteerror");
                    }
                });
            }
    
            function catchremoteimage(imgs, callbacks) {
                var params = utils.serializeParam(me.queryCommandValue('serverparam')) || '',
                    url = utils.formatUrl(catcherActionUrl + (catcherActionUrl.indexOf('?') == -1 ? '?':'&') + params),
                    isJsonp = utils.isCrossDomainUrl(url),
                    opt = {
                        'method': 'POST',
                        'dataType': isJsonp ? 'jsonp':'',
                        'timeout': 60000, //单位:毫秒,回调请求超时设置。目标用户如果网速不是很快的话此处建议设置一个较大的数值
                        'onsuccess': callbacks["success"],
                        'onerror': callbacks["error"]
                    };
                opt[catcherFieldName] = imgs;
                ajax.request(url, opt);
            }
    
        });
    };
    

    相关文章

      网友评论

          本文标题:百度富文本黏贴图片回调函数处理

          本文链接:https://www.haomeiwen.com/subject/mqrqbctx.html