項目中需要上傳圖片可謂是經常遇到的需求,本文將介紹 3 種不同的圖片上傳方式。
1.云儲存
常見的 七牛云,OSS(阿里云)等,這些云平臺提供API接口,調用相應的接口,文件上傳后會返回圖片存儲在服務器上的路徑,前端獲得這個路徑保存下來提交給后端即可。此流程處理相對簡單。
主要步驟:
向后端發送請求,獲取OSS配置數據
文件上傳,調用OSS提供接口
文件上傳完成,后的文件存儲在服務器上的路徑
將返回的路徑存值到表單對象中
2.傳統文件服務器上傳圖片
此方法就是上傳到自己文件服務器硬盤上,或者云主機的硬盤上,都是通過 formdata 的方式進行文件上傳。具體的思路和云文件服務器差不多。
主要步驟
設置服務器上傳路徑、上傳文件字段名、header、data參數等
上傳成功后,返回服務器存儲的路徑
返回的圖片路徑存儲到表單提交對象中
3.圖片轉 base64 后上傳
一些小圖片上傳可能會采取前端轉base64后成為字符串上傳給后端
-
上傳方式
直接上傳到應用服務器
上傳到OSS(阿里云、七牛云)
前端將圖片轉成Base 64 編碼上傳
-
新建模塊
勾選依賴.jpg