我們引入Quill時(shí)是可以直接插入圖片了，但是是Quill將圖片轉(zhuǎn)化成了base64格式，我們?nèi)绻鏀?shù)據(jù)庫(kù)的話，肯定不是長(zhǎng)久之計(jì)，而真正符合我們要求的便是圖片上傳之后返回圖片路徑，再插入圖片

1、點(diǎn)擊圖片小圖標(biāo)觸發(fā)handler事件

2、監(jiān)聽(tīng)圖片選擇框的imgChange事件實(shí)現(xiàn)圖片上傳

代碼標(biāo)紅點(diǎn)是需要注意的，之前總是能上傳成功，但是我insert的時(shí)候圖片總是顯示不出來(lái)，但是如果require一個(gè)已經(jīng)存在的圖片就可以正確顯示，我感覺(jué)應(yīng)該是異步造成的，因此設(shè)置了一個(gè)延時(shí)setTimeout，還需要圖片路徑引用方式，如果直接require（url）是顯示不出來(lái)的，具體原因你們可以問(wèn)度娘，我也是這樣一步一步錯(cuò)著過(guò)來(lái)的，詳細(xì)代碼可以參考我寫(xiě)的

VUE+Quill編輯器實(shí)現(xiàn)添加新聞功能

?

總結(jié)

以上是生活随笔為你收集整理的Quill编辑器实现图片上传功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。