PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

修改tinymce图片上传到任意远程服务器

管理员 2024-12-14
Fastadmin
19

参考文章:https://www.jianshu.com/p/963d600488e2
tinymce的bootstrapBase.js中找到tinymce.init函数,将imagese_upload_handler中Upload.api.send...注释掉

                    tinymce.init({                        selector: ".tinymce,.editor",//容器可以是id也可以是class                        language: '{language}',//语言                        //language: 'zh_CN',//语言                        theme: 'modern',//主体默认主题                        //width: 600,                        height: 400,                        plugins: ['{plugins}'],//所含插件                        //content_css: 'css/content.css',//设置样式                        toolbar: '{toolbar}',//工具栏                        //开启图片上传的高级选项功能                        image_advtab: true,                       //图像上传处理                        convert_urls:false,//关闭url自动检测                        automatic_uploads: true, //开启点击图片上传时,自动进行远程上传操作                        images_upload_handler: function (blobInfo, success, failure) {                            console.log(blobInfo,success,failure);                            //注释掉以下代码                            // Upload.api.send(blobInfo.blob(), function (data) {                            //     var url = Fast.api.cdnurl(data.url);                            //     console.log('bootstrapbase.js,line30',url);                            //     success( url);                            //     return;                            // },function (data,ret) {                            //     failure(ret.msg);                            //     return;                            // });//添加如下代码                            var xhr, formData;                            xhr = new XMLHttpRequest();                            xhr.withCredentials = false;//js上传文件到远程                            xhr.open('POST', 'https://example.com/upload/image/cms');                            xhr.onload = function () {                                var path;                                if (xhr.status !== 200) {                                    failure('HTTP Error: ' + xhr.status);                                    return;                                }//xhr.reponseText为上传服务器返回的图片路径,是个字符串,如果是个json用JSON.parse()                                path = 'https://example.com'+xhr.responseText;                                // console.log(json);                                // json.location = util.baseURL + json.data.filename; //在该位置,如果您的后端人员返回的字段已经包含json.location信息,则该处可以省略                                if (!path) {                                failure('Invalid JSON: ' + xhr.responseText);                                    return;                                }                                success(path);                            };                            formData = new FormData();                            formData.append('file', blobInfo.blob(), blobInfo.filename());                            xhr.send(formData);                        },                        images_upload_base_path: 'https://example.com', // 图片上传的基本路径                        images_upload_url: 'https://example.com/upload/image/cms', // 图片上传的具体地址,该选项一定需要设置,才会出现图片上传选项                    //     contextmenu: false,                        browser_spellcheck: '{browser_spellcheck}',//浏览器检查拼写                        spellchecker_callback: function(method, text, success, failure) {                            var words = text.match(this.getWordCharPattern());                            if (method == "spellcheck") {                                var suggestions = {};                                for (var i = 0; i < words.length; i++) {                                    suggestions[words[i]] = ["First", "Second"];                                }                                success(suggestions);                            }                        }                    });

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部