电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

瀏覽:138日期:2022-09-09 14:55:36

KindEditor 是一套開源的在線HTML編輯器, 后臺可與 Java、.NET、PHP、ASP 等程序集成。為實現(xiàn)圖文混排的編輯效果,我們通常都會用到編輯器的圖片上傳功能,本文會簡單講一下KinEditor的基本使用,主要說明如何在php環(huán)境下,集成編輯器的圖片上傳功能!

KindEditor 官方下載:http://kindeditor.net/down.php KindEditor 編輯器的基本使用:http://kindeditor.net/docs/usage.html KindEditor 初始化參數(shù)配置:http://kindeditor.net/docs/option.htm KindEditor 官方案例: http://kindeditor.net/demo.php KindEditor在php環(huán)境下上傳圖片功能集成

首先,我們先看一下編輯器里面自帶的圖片上傳彈框,編輯器可使用 網(wǎng)絡圖片 和 本地上傳 種方式,如下圖。網(wǎng)絡圖片地址在 file_manager_json.php 里面設置,本地上傳的圖片上傳的文件夾在upload_json.php 里面設置,如何設置接下來會有說明。

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

下面,我們就開始集成圖片上傳功能吧。

1)根據(jù)上述步驟引入css和js,同時初始化編輯器。

/* 頁面已引入以下文件 *css: kindeditor/themes/default/default.css *js: kindeditor/kindeditor-all-min.js * kindeditor/lang/zh-CN.js */ // 初始化編輯器 KindEditor.ready(function(K) { editor = K.create(’textarea[name='content']’, { autoHeightMode : true, // 需自動調(diào)整高度時配置 resizeType: 1, //拖拽設置,詳情參考上述第3點,初始化參數(shù)配置 allowImageUpload: true, // 允許圖片上傳 allowFileManager: true, // 允許文件管理 wellFormatMode: false, // 不美化HTML數(shù)據(jù),kindeditor會自動美化編輯器的html代碼,這樣我們輸入內(nèi)容之后生成的html會多很多的<br/>標簽,如不需要可將此配置項設置為false. uploadJson: ’kindeditor/php/upload_json.php’, // 配置文件上傳的接口文件的路徑,需要使用 本地上傳 圖片時需配置 fileManagerJson : ’kindeditor/php/file_manager_json.php’, // 配置網(wǎng)絡圖片加載的接口文件的路徑,需要使用 網(wǎng)絡圖片 加載圖片時需配置 afterCreate : function() { this.loadPlugin(’autoheight’); // 需自動調(diào)整高度時使用 }, afterBlur: function(){ // 編輯器失去焦點時將數(shù)據(jù)同步到textarea this.sync(); // sync的詳細作用可參考上述第2點,編輯器的基本使用 } });})

2)修改KindEditor中的 upload_json.php 文件,保證本地上傳文件路徑的正確性。在路徑 kindeitor/php/ 目錄下找到 upload_json.php 文件,我們發(fā)現(xiàn)會有下面幾行代碼:

//文件保存目錄路徑$save_path = $php_path . ’../attached/’;//文件保存目錄URL$save_url = $php_url . ’../attached/’;//定義允許上傳的文件擴展名$ext_arr = array(’image’ => array(’gif’, ’jpg’, ’jpeg’, ’png’, ’bmp’),’flash’ => array(’swf’, ’flv’),’media’ => array(’swf’, ’flv’, ’mp3’, ’wav’, ’wma’, ’wmv’, ’mid’, ’avi’, ’mpg’, ’asf’, ’rm’, ’rmvb’),’file’ => array(’doc’, ’docx’, ’xls’, ’xlsx’, ’ppt’, ’htm’, ’html’, ’txt’, ’zip’, ’rar’, ’gz’, ’bz2’),);

從上面代碼可以看出,kindeditor本地上傳的圖片默認會上傳到 kindeditor/attached/ 下面,如果attached目錄不存在,則會上傳失敗。我們可以根據(jù)自身代碼目錄指定本地上傳的目錄。

3)修改KindEditor中的 file_manager_json.php 文件,保證網(wǎng)絡圖片路徑讀取的正確性。在路徑 kindeitor/php/ 目錄下找到 file_manager_json.php 文件,我們會發(fā)現(xiàn)也有兩行與 2)中相似的代碼:

//根目錄路徑,可以指定絕對路徑,比如 /var/www/attached/$root_path = $php_path . ’../attached/’;//根目錄URL,可以指定絕對路徑,比如 http://www.yoursite.com/attached/$root_url = $php_url . ’../attached/’;//圖片擴展名$ext_arr = array(’gif’, ’jpg’, ’jpeg’, ’png’, ’bmp’);

網(wǎng)路圖片地址的默認路徑同樣是 kindeditor/attached/ ,我們可根據(jù)自身需要修改目錄。

到此這篇關于PHP環(huán)境下如何實現(xiàn)使用KindEditor編輯器上傳圖片的文章就介紹到這了,更多相關PHP KindEditor編輯器上傳圖片內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: PHP
相關文章:
主站蜘蛛池模板: 生态板-实木生态板-生态板厂家-源木原作生态板品牌-深圳市方舟木业有限公司 | 山东限矩型液力偶合器_液力耦合器易熔塞厂家-淄博市汇川源机械厂 | 橡胶电子拉力机-塑料-微电脑电子拉力试验机厂家-江苏天源 | 电动卫生级调节阀,电动防爆球阀,电动软密封蝶阀,气动高压球阀,气动对夹蝶阀,气动V型调节球阀-上海川沪阀门有限公司 | 设计圈 - 让设计更有价值!| 车牌识别道闸_停车场收费系统_人脸识别考勤机_速通门闸机_充电桩厂家_中全清茂官网 | 特种阀门-调节阀门-高温熔盐阀-镍合金截止阀-钛阀门-高温阀门-高性能蝶阀-蒙乃尔合金阀门-福建捷斯特阀门制造有限公司 | 首页-恒温恒湿试验箱_恒温恒湿箱_高低温试验箱_高低温交变湿热试验箱_苏州正合 | 硅胶制品-硅橡胶制品-东莞硅胶制品厂家-广东帝博科技有限公司 | 万烁建筑设计院-建筑设计公司加盟,设计院加盟分公司,市政设计加盟 | 深圳市东信高科自动化设备有限公司 | 电子万能试验机_液压拉力试验机_冲击疲劳试验机_材料试验机厂家-济南众标仪器设备有限公司 | 便携式表面粗糙度仪-彩屏硬度计-分体式粗糙度仪-北京凯达科仪科技有限公司 | 实验室隔膜泵-无油防腐蚀隔膜泵-耐腐蚀隔膜真空泵-杭州景程仪器 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 硫化罐-电加热蒸汽硫化罐生产厂家-山东鑫泰鑫智能装备有限公司 | Akribis直线电机_直线模组_力矩电机_直线电机平台|雅科贝思Akribis-杭州摩森机电科技有限公司 | 冷轧机|两肋冷轧机|扁钢冷轧机|倒立式拉丝机|钢筋拔丝机|收线机-巩义市华瑞重工机械制造有限公司 | 分子精馏/精馏设备生产厂家-分子蒸馏工艺实验-新诺舜尧(天津)化工设备有限公司 | DAIKIN电磁阀-意大利ATOS电磁阀-上海乾拓贸易有限公司 | 蔡司三坐标-影像测量机-3D扫描仪-蔡司显微镜-扫描电镜-工业CT-ZEISS授权代理商三本工业测量 | 金刚网,金刚网窗纱,不锈钢网,金刚网厂家- 河北萨邦丝网制品有限公司 | 伸缩节_伸缩器_传力接头_伸缩接头_巩义市联通管道厂 | 翅片管换热器「型号全」_厂家-淄博鑫科环保 | POS机办理_个人pos机免费领取-银联pos机申请首页 | 不锈钢复合板厂家_钛钢复合板批发_铜铝复合板供应-威海泓方金属复合材料股份有限公司 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 水稻烘干机,小麦烘干机,大豆烘干机,玉米烘干机,粮食烘干机_巩义市锦华粮食烘干机械制造有限公司 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 耐热钢-耐磨钢-山东聚金合金钢铸造有限公司 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 邢台人才网_邢台招聘网_邢台123招聘【智达人才网】 | 校服厂家,英伦校服定做工厂,园服生产定制厂商-东莞市艾咪天使校服 | 团建-拓展-拓展培训-拓展训练-户外拓展训练基地[无锡劲途] | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 美缝剂_美缝剂厂家_美缝剂加盟-地老板高端瓷砖美缝剂 | 烟台金蝶财务软件,烟台网站建设,烟台网络推广 | 武汉创亿电气设备有限公司_电力检测设备生产厂家 | 郑州水质检测中心_井水检测_河南废气检测_河南中环嘉创检测 | 工控机-图像采集卡-PoE网卡-人工智能-工业主板-深圳朗锐智科 | 农业四情_农业气象站_田间小型气象站_智慧农业气象站-山东风途物联网 |