Vue圖片上傳及回顯

技術點:

  1. 如何將上傳文件的不完全路徑轉換成base64編碼格式的字符串
  2. 接收到後臺返回的圖片url路徑如何獲取並寫入到數據庫中
  3. 其他組件調用數據庫中圖片的路徑地址進行回顯

我們需要做的操作如下:

  1. 創建一個組件去接收文件(本次使用的爲input組件)

  1. 當上傳文件或者上傳文件發生改變時觸發selectImageURL事件,如下:

  1. 目前只是將文件上傳到FastDFS,然後返回來一個URL地址,但是並沒有將其寫進數據庫中,所以下一步我們需要將返回來的URL地址寫入數據庫

  1. 因爲我們使用的是vue自己封裝好的table組件,然後圖片要顯示在table的某一列上,所以要使用render去渲染,操作如下


總結:問題總是有解決辦法的! 

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