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


  最近做畢設,需要上傳圖片,因為在本地服務器運行,所以想着前端上傳后,通過node服務器接收圖片,存儲在指定的目錄下。

一、前端實現

1、前端的頁面和上傳圖片是利用element-ui組件實現的,"/admin/userManager/uploadImg" 是上傳圖片接口,前端與后台對接的方式和其他接口一樣,這里就不詳講了,代碼如下所示

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

二、后台實現

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

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

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

           


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM