YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程

更新時(shí)間：2017年03月15日 09:21:21 作者：xujing19920814

本文主要給大家介紹了YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

將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)，無(wú)法正常進(jìn)行圖片上傳，文件上傳也是失敗的，問(wè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.

在頁(yè)面進(jìn)行對(duì)應(yīng)的文件上傳或圖片上傳后，即可在php/upload/文件夾下看到上傳的文件：

4.最后，要修改文件或圖片上傳的路徑，應(yīng)該修改我們放到網(wǎng)站根目錄下的php文件夾中的fileUp.php和imageUp.php文件中的uploadPath：

注意這里的imageUpload是在php文件夾目錄下的子文件夾，也就是說(shuō)uploadPath的默認(rèn)根目錄是php/。

圖片/文件上傳結(jié)果：

以上所述是小編給大家介紹的YII中Ueditor富文本編輯器文件和圖片上傳的配置圖文教程，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

php 無(wú)限級(jí)數(shù)據(jù)JSON格式及JS解析
公司要做個(gè)Flash效果的頁(yè)面，需要個(gè)無(wú)限級(jí)樹(shù)，顯示用戶(hù)邀請(qǐng)的好友及其下線(xiàn)，由此就構(gòu)成了無(wú)限級(jí)的關(guān)系，可能下線(xiàn)有無(wú)限多。
2010-07-07
yii2安裝詳細(xì)流程
這篇文章主要為大家詳細(xì)介紹了yii2安裝的完整詳細(xì)流程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
php 實(shí)現(xiàn)銀聯(lián)商務(wù)H5支付的示例代碼
這篇文章主要介紹了php 實(shí)現(xiàn)銀聯(lián)商務(wù)H5支付的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10
php接口和抽象類(lèi)使用示例詳解
這篇文章主要介紹了php的接口和抽象類(lèi)使用示例，并做了詳解講解,需要的朋友可以參考下
2014-03-03
PHP的運(yùn)行機(jī)制與原理(底層)
php看著很簡(jiǎn)單，但是要深入php的運(yùn)行機(jī)制與原理也不是件容易的事，我們除了會(huì)使用之外還要知道它底層的工作原理，這樣才能靈活的運(yùn)用，對(duì)php運(yùn)行機(jī)制感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
Yii2.0框架模型添加/修改/刪除數(shù)據(jù)操作示例
這篇文章主要介紹了Yii2.0框架模型添加/修改/刪除數(shù)據(jù)操作,結(jié)合實(shí)例形式分析了Yii2.0使用模型操作數(shù)據(jù)的添加、修改、刪除相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-07-07
ThinkPHP5框架實(shí)現(xiàn)簡(jiǎn)單的批量查詢(xún)功能示例
這篇文章主要介紹了ThinkPHP5框架實(shí)現(xiàn)簡(jiǎn)單的批量查詢(xún)功能,結(jié)合實(shí)例形式分析了thinkPHP5框架使用原生SQL語(yǔ)句查詢(xún)、批量查詢(xún)、快速查詢(xún)、聚合查詢(xún)等操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-06-06
php面試中關(guān)于面向?qū)ο蟮南嚓P(guān)問(wèn)題
在本篇文章里小編整理了關(guān)于php面試中關(guān)于面向?qū)ο蟮南嚓P(guān)問(wè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
簡(jiǎn)單介紹PHP非阻塞模式
非阻塞模式是指利用socket事件的消息機(jī)制，Server端與Client端之間的通信處于異步狀態(tài)，本文給大家介紹php非阻塞模式，感興趣的朋友一起學(xué)習(xí)吧
2016-03-03