我們引入Quill時是可以直接插入圖片了，但是是Quill將圖片轉化成了base64格式，我們如果存數據庫的話，肯定不是長久之計，而真正符合我們要求的便是圖片上傳之后返回圖片路徑，再插入圖片

1、點擊圖片小圖標觸發handler事件

2、監聽圖片選擇框的imgChange事件實現圖片上傳

代碼標紅點是需要注意的，之前總是能上傳成功，但是我insert的時候圖片總是顯示不出來，但是如果require一個已經存在的圖片就可以正確顯示，我感覺應該是異步造成的，因此設置了一個延時setTimeout，還需要圖片路徑引用方式，如果直接require（url）是顯示不出來的，具體原因你們可以問度娘，我也是這樣一步一步錯著過來的，詳細代碼可以參考我寫的

VUE+Quill編輯器實現添加新聞功能

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。