項目中需要上傳圖片可謂是經(jīng)常遇到的需求垂谢,本文將介紹 3 種不同的圖片上傳方式型宙。
1.云儲存
常見的 七牛云,OSS(阿里云)等吝梅,這些云平臺提供API接口虱疏,調(diào)用相應的接口,文件上傳后會返回圖片存儲在服務器上的路徑憔涉,前端獲得這個路徑保存下來提交給后端即可订框。此流程處理相對簡單。
主要步驟:
向后端發(fā)送請求兜叨,獲取OSS配置數(shù)據(jù)
文件上傳穿扳,調(diào)用OSS提供接口
文件上傳完成,后的文件存儲在服務器上的路徑
將返回的路徑存值到表單對象中
2.傳統(tǒng)文件服務器上傳圖片
此方法就是上傳到自己文件服務器硬盤上国旷,或者云主機的硬盤上矛物,都是通過 formdata 的方式進行文件上傳。具體的思路和云文件服務器差不多跪但。
主要步驟
設置服務器上傳路徑履羞、上傳文件字段名、header、data參數(shù)等
上傳成功后忆首,返回服務器存儲的路徑
返回的圖片路徑存儲到表單提交對象中
3.圖片轉(zhuǎn) base64 后上傳
一些小圖片上傳可能會采取前端轉(zhuǎn)base64后成為字符串上傳給后端
-
上傳方式
直接上傳到應用服務器
上傳到OSS(阿里云爱榔、七牛云)
前端將圖片轉(zhuǎn)成Base 64 編碼上傳
-
新建模塊