最近作畢設,須要上傳圖片,由於在本地服務器運行,因此想着前端上傳後,經過node服務器接收圖片,存儲在指定的目錄下。前端
1、前端實現node
一、前端的頁面和上傳圖片是利用element-ui組件實現的,"/admin/userManager/uploadImg" 是上傳圖片接口,前端與後臺對接的方式和其餘接口同樣,這裏就不詳講了,代碼以下所示element-ui
二、上傳文件前校驗的代碼:服務器
2、後臺實現框架
一、由於node後臺代碼用的是koa框架,因此相對於用的文件模塊是koa-formidable,同時要引入fs模塊和path模塊以下所示koa
二、利用fs模塊和koa-formidable模塊上傳圖片,並把圖片內容移動指定的目錄,代碼以下:ui
3、 效果圖(左爲上傳前的照片,右爲上傳後的照片)spa