上傳圖片,經過node服務器存儲在指定目錄

  最近作畢設,須要上傳圖片,由於在本地服務器運行,因此想着前端上傳後,經過node服務器接收圖片,存儲在指定的目錄下。前端

1、前端實現node

一、前端的頁面和上傳圖片是利用element-ui組件實現的,"/admin/userManager/uploadImg" 是上傳圖片接口,前端與後臺對接的方式和其餘接口同樣,這裏就不詳講了,代碼以下所示element-ui

二、上傳文件前校驗的代碼:服務器

2、後臺實現框架

一、由於node後臺代碼用的是koa框架,因此相對於用的文件模塊是koa-formidable,同時要引入fs模塊和path模塊以下所示koa

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

3、 效果圖(左爲上傳前的照片,右爲上傳後的照片)spa

           

相關文章
相關標籤/搜索