YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程
將Ueditor集成到Y(jié)II框架中后,參照editor_config.js中的toolbars中的內(nèi)容,更改options中標(biāo)簽可以給編輯器添加想要的功能:
因此要想添加文件和圖片上傳功能,應(yīng)該加入以下兩個(gè)標(biāo)簽:
文本編輯器中便出現(xiàn)了對(duì)應(yīng)的兩個(gè)選項(xiàng):
但是點(diǎn)擊上傳圖片按鈕后發(fā)現(xiàn),無法正常進(jìn)行圖片上傳,文件上傳也是失敗的,問題都是Flash Player需要升級(jí),
因此在火狐瀏覽器中安裝對(duì)應(yīng)的flash player組件,選擇其中一個(gè)工作:
此時(shí),文件上傳和圖片上傳功能就能正常使用了:
上傳路徑的設(shè)置:
1. 需要將ueditor/ueditor1_2_2_0/文件夾下的PHP文件夾拷貝至網(wǎng)站根目錄,并在php文件夾下新建upload文件夾,此文件夾用于存儲(chǔ)上傳的文件或圖片。
2. 修改該php文件夾下的fileUp.php和imageUp.php文件中的上傳路徑:“uploadPath”=>"upload/",即指定文件上傳路徑為我們剛剛新建的upload文件夾下。
3.
在頁面進(jìn)行對(duì)應(yīng)的文件上傳或圖片上傳后,即可在php/upload/文件夾下看到上傳的文件:
4.最后,要修改文件或圖片上傳的路徑,應(yīng)該修改我們放到網(wǎng)站根目錄下的php文件夾中的fileUp.php和imageUp.php文件中的uploadPath:
注意這里的imageUpload是在php文件夾目錄下的子文件夾,也就是說uploadPath的默認(rèn)根目錄是php/。
圖片/文件上傳結(jié)果:
以上所述是小編給大家介紹的YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
php 無限級(jí)數(shù)據(jù)JSON格式及JS解析
公司要做個(gè)Flash效果的頁面,需要個(gè)無限級(jí)樹,顯示用戶邀請(qǐng)的好友及其下線,由此就構(gòu)成了無限級(jí)的關(guān)系,可能下線有無限多。2010-07-07php 實(shí)現(xiàn)銀聯(lián)商務(wù)H5支付的示例代碼
這篇文章主要介紹了php 實(shí)現(xiàn)銀聯(lián)商務(wù)H5支付的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10Yii2.0框架模型添加/修改/刪除數(shù)據(jù)操作示例
這篇文章主要介紹了Yii2.0框架模型添加/修改/刪除數(shù)據(jù)操作,結(jié)合實(shí)例形式分析了Yii2.0使用模型操作數(shù)據(jù)的添加、修改、刪除相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-07-07ThinkPHP5框架實(shí)現(xiàn)簡單的批量查詢功能示例
這篇文章主要介紹了ThinkPHP5框架實(shí)現(xiàn)簡單的批量查詢功能,結(jié)合實(shí)例形式分析了thinkPHP5框架使用原生SQL語句查詢、批量查詢、快速查詢、聚合查詢等操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-06-06php面試中關(guān)于面向?qū)ο蟮南嚓P(guān)問題
在本篇文章里小編整理了關(guān)于php面試中關(guān)于面向?qū)ο蟮南嚓P(guān)問題內(nèi)容,以及相關(guān)回答,有需要的朋友們學(xué)習(xí)下。2019-02-02深入php函數(shù)file_get_contents超時(shí)處理的方法詳解
本篇文章是對(duì)php函數(shù)file_get_contents超時(shí)處理的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06