最近做畢設,需要上傳圖片,因為在本地服務器運行,所以想着前端上傳后,通過node服務器接收圖片,存儲在指定的目錄下。
一、前端實現
1、前端的頁面和上傳圖片是利用element-ui組件實現的,"/admin/userManager/uploadImg" 是上傳圖片接口,前端與后台對接的方式和其他接口一樣,這里就不詳講了,代碼如下所示

2、上傳文件前校驗的代碼:

二、后台實現
1、因為node后台代碼用的是koa框架,所以相對於用的文件模塊是koa-formidable,同時要引入fs模塊和path模塊如下所示

2、利用fs模塊和koa-formidable模塊上傳圖片,並把圖片內容移動指定的目錄,代碼如下:



三、 效果圖(左為上傳前的照片,右為上傳后的照片)

