thinkphp編輯器實現(xiàn)上傳圖片的方法-創(chuàng)新互聯(lián)

小編給大家分享一下thinkphp編輯器實現(xiàn)上傳圖片的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營銷，包括網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、SEO優(yōu)化、網(wǎng)絡(luò)推廣、整站優(yōu)化營銷策劃推廣、電子商務(wù)、移動互聯(lián)網(wǎng)營銷等。創(chuàng)新互聯(lián)建站為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制及解決方案，創(chuàng)新互聯(lián)建站核心團(tuán)隊10多年專注互聯(lián)網(wǎng)開發(fā)，積累了豐富的網(wǎng)站經(jīng)驗，為廣大企業(yè)客戶提供一站式企業(yè)網(wǎng)站建設(shè)服務(wù)，在網(wǎng)站建設(shè)行業(yè)內(nèi)樹立了良好口碑。

thinkphp富文本編輯器實現(xiàn)上傳圖片的方法步驟為：

1、首先，實現(xiàn)文章發(fā)布或編輯的form表單，初始化layui富文本編輯器，效果如下：文章發(fā)布表單對應(yīng)的HTML代碼如下：

2、其中是layedit的目標(biāo)元素，建立編輯器以及表單提交的js代碼如下：

實現(xiàn)layedit插入圖片接口需要在建立編輯器之前配置uploadImage，本例中配置代碼如上圖JS代碼所示。

3、layedit不提供服務(wù)端的圖片接受，需要我們在接口中實現(xiàn)，圖片上傳成功后返回指定格式的JSON信息，格式如下：

{
    "code": 0, //0表示成功，其它失敗
    "msg": "", //提示信息 //一般上傳失敗后返回
    "data": {
        "src": "圖片路徑",
        "title": "圖片名稱" //可選
    }
}

4、本例中用thinkPHP5實現(xiàn)編輯器插入圖片接口的代碼如下：

我創(chuàng)建了一個資源上傳的控制器，專門用來處理文件上傳相關(guān)業(yè)務(wù)，其中有關(guān)thinkPHP5上傳文件的代碼請參考TP的官方文檔，這里不做過多解釋。

5、然后，發(fā)布一篇科技互聯(lián)網(wǎng)新聞，演示一下效果。

在第一段后面添加一張圖片，提交后效果如下：

看完了這篇文章，相信你對thinkphp編輯器實現(xiàn)上傳圖片的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前題目：thinkphp編輯器實現(xiàn)上傳圖片的方法-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://muchs.cn/article8/djesop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站制作、做網(wǎng)站、營銷型網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)