最近閒來無聊,自己用node寫了個後臺管理系統,對於圖片上傳的問題我這邊進行分享一下,有不對的地方,請指正
關於一些準備工作我就不做詳細說明了,安裝環境我相信大家都會,下面我們進入正題
我這裏使用的是multer實現文件的上傳,首先下載multer模塊
然後在項目裏引入
我們做文件上傳,肯定是要先設置文件保存的路徑
這裏可以看到,圖片上傳成功後會保存在public下的images文件夾下,我對文件進行了改名,所以文件保存到指定路徑的時候會加上當前時間戳
multer分單文件上傳和多文件上傳,所以服務端配置裏需要區分:
單文件使用
upload.single('這裏寫表單裏的name值')
多文件使用
//upload.array支持多文件上傳,第二個參數是上傳文件數目
upload.array('表單裏的name值','上傳文件數目')
注意:客戶端表單一定要設置enctype="multipart/form-data",否則會有意想不到的錯誤。我這裏客戶端用的是element-ui的form表單提交,廢話不多說了,上代碼
客戶端
服務端
最後附上公衆號二維碼,有興趣的同學可以掃碼關注一下,一起學習一起探討,一起聊聊人生都可以的啊!