Quill編輯器實現圖片上傳功能

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

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

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

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

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章