umeditor上传图片只保存相对路径

最新推荐文章于 2025-02-18 17:55:52 发布

夏微凉秋微暖

最新推荐文章于 2025-02-18 17:55:52 发布

阅读量332

点赞数

CC 4.0 BY-SA版权

分类专栏：其他技术前端技术

本文链接：https://blog.youkuaiyun.com/pengbin790000/article/details/105841008

其他技术同时被 2 个专栏收录

53 篇文章

订阅专栏

前端技术

28 篇文章

订阅专栏

本文详细介绍了在前端开发中如何处理图片路径，包括从绝对路径转换为相对路径的方法，以及在图片粘贴过程中如何保留相对路径，避免因硬编码路径带来的问题。通过对代码片段的分析，展示了具体实现细节。

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

1.dialogs\image\image.js

23行：getAllPic（）

getAllPic: function (sel, $w, editor) {
            var me = this,
                arr = [],
                $imgs = $(sel, $w);

            $.each($imgs, function (index, node) {
                $(node).removeAttr("width").removeAttr("height");

//                if (node.width > editor.options.initialFrameWidth) {
//                    me.scale(node, editor.options.initialFrameWidth -
//                        parseInt($(editor.body).css("padding-left"))  -
//                        parseInt($(editor.body).css("padding-right")));
//                }
                //修改版：设置为相对路径
                var srcFixed = node.src;
                if(srcFixed.indexOf(projectName) > -1){
                    srcFixed  = srcFixed.substring(srcFixed.indexOf(projectName),srcFixed.length);
                }
                console.log(srcFixed);

               /* return arr.push({
                    _src: node.src,
                    src: node.src
                });*/
                return arr.push({
                                    //_src: srcFixed,
                                    src: srcFixed
                                });
            });

            return arr;
        },

2.\_src\plugins\paste.js

140行

// 图片的话如果是本地图片去除前域名，保留相对路径
            $.each(root.getNodesByTagName('img'), function (i, node) {
                var srcFixed = node.attrs['src'];
                if(srcFixed.indexOf(projectName) > -1){
                    srcFixed  = srcFixed.substring(srcFixed.indexOf(projectName),srcFixed.length);
                    node.attrs['src'] = srcFixed;
                }
            });
            html = {'html': root.toHtml()};