KindEditor 4.X 以上版本取消远程图片上传功能(3.x版本的请往官网论坛找答案)

关注

原创最新推荐文章于 2026-07-29 10:59:21 发布 5.2k 阅读 AI 写同款· GEO 优化 ›

KindEditor富文本编辑器文件上传功能演示在现代Web应用中，富文本编辑器是必不可少的功能组件之一。富文本编辑器提供给用户类似桌面文字处理软件的编辑界面，使用户能够创建内容丰富的文档。其中，KindEditor作为一种流行的开源富文本编辑器，因其轻量级、可定制性强、易于集成等特性，在国内外众多项目中得到广泛应用。KindEditor的文件上传接口是富文本编辑器中一个关键组件，允许用户通过编辑器上传文件，如图片、视频、文档等资源。该接口为浏览器与服务器端之间提供了一个通信桥梁，使得用户可以将文件提交到服务器，并接收服务器端的响应。阅读详情

找到包里KindEditor\Editor\plugins\image\image.js文件

一: 找到:

 if (allowImageUpload) {
            tabs = K.tabs({
                src: K('.tabs', div),
                afterSelect: function (i) { }
            });
            //            			tabs.add({
            //            				title : lang.remoteImage,
            //            				panel : K('.tab1', div)
            //            			});
            tabs.add({
                title: lang.localImage,
                panel: K('.tab2', div)
            });
            tabs.select(tabIndex);
        } else {
            K('.tab1', div).show();
        }

将增加远程图片的这个tab注释掉

tabs.add({
	title : lang.remoteImage,
	panel : K('.tab1', div)
	});

2: 找到:

 yesBtn: {
                name: self.lang('yes'),
                click: function (e) {
                    // Bugfix: http://code.google.com/p/kindeditor/issues/detail?id=319
                    if (dialog.isLoading) {
                        return;
                    }
                    // insert local image
                    if (tabs && tabs.selectedIndex === 0) {                //--原来这里是1,改成0
                        if (uploadbutton.fileBox.val() == '') {
                            alert(self.lang('pleaseSelectFile'));
                            return;
                        }
                        dialog.showLoading(self.lang('uploadLoading'));
                        uploadbutton.submit();
                        localUrlBox.val('');
                        return;
                    }

将

if (tabs && tabs.selectedIndex === 1) {

改成

if (tabs && tabs.selectedIndex === 0) {

因为远程图片的tab被注释掉了,所以原来索引是1的本地图片tab索引变为0

收录于