node+mysql+express圖片上傳

最近閒來無聊,自己用node寫了個後臺管理系統,對於圖片上傳的問題我這邊進行分享一下,有不對的地方,請指正

關於一些準備工作我就不做詳細說明了,安裝環境我相信大家都會,下面我們進入正題

我這裏使用的是multer實現文件的上傳,首先下載multer模塊

然後在項目裏引入

我們做文件上傳,肯定是要先設置文件保存的路徑

這裏可以看到,圖片上傳成功後會保存在public下的images文件夾下,我對文件進行了改名,所以文件保存到指定路徑的時候會加上當前時間戳

multer分單文件上傳和多文件上傳,所以服務端配置裏需要區分:

單文件使用 

upload.single('這裏寫表單裏的name值')

多文件使用

//upload.array支持多文件上傳,第二個參數是上傳文件數目

upload.array('表單裏的name值','上傳文件數目')

注意:客戶端表單一定要設置enctype="multipart/form-data",否則會有意想不到的錯誤。我這裏客戶端用的是element-ui的form表單提交,廢話不多說了,上代碼

客戶端

服務端

 

最後附上公衆號二維碼,有興趣的同學可以掃碼關注一下,一起學習一起探討,一起聊聊人生都可以的啊!

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