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

創(chuàng)新互聯(lián)建站專注于普寧網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供普寧營(yíng)銷型網(wǎng)站建設(shè)，普寧網(wǎng)站制作、普寧網(wǎng)頁(yè)設(shè)計(jì)、普寧網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)服務(wù)，打造普寧網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供普寧網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

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

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

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

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

3、layedit不提供服務(wù)端的圖片接受，需要我們?cè)诮涌谥袑?shí)現(xiàn)，圖片上傳成功后返回指定格式的JSON信息，格式如下：

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

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

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

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

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

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

名稱欄目：thinkphp編輯器實(shí)現(xiàn)上傳圖片的方法
標(biāo)題網(wǎng)址：http://chinadenli.net/article8/jgjcop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站

廣告

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