項(xiàng)目中需要上傳圖片可謂是經(jīng)常遇到的需求,本文將介紹 3 種不同的圖片上傳方式黔夭。
1.云儲(chǔ)存
常見(jiàn)的 七牛云,OSS(阿里云)等羽嫡,這些云平臺(tái)提供API接口本姥,調(diào)用相應(yīng)的接口,文件上傳后會(huì)返回圖片存儲(chǔ)在服務(wù)器上的路徑杭棵,前端獲得這個(gè)路徑保存下來(lái)提交給后端即可婚惫。此流程處理相對(duì)簡(jiǎn)單。
主要步驟:
向后端發(fā)送請(qǐng)求,獲取OSS配置數(shù)據(jù)
文件上傳先舷,調(diào)用OSS提供接口
文件上傳完成艰管,后的文件存儲(chǔ)在服務(wù)器上的路徑
將返回的路徑存值到表單對(duì)象中
2.傳統(tǒng)文件服務(wù)器上傳圖片
此方法就是上傳到自己文件服務(wù)器硬盤上,或者云主機(jī)的硬盤上密浑,都是通過(guò) formdata 的方式進(jìn)行文件上傳蛙婴。具體的思路和云文件服務(wù)器差不多。
主要步驟
設(shè)置服務(wù)器上傳路徑尔破、上傳文件字段名、header浇衬、data參數(shù)等
上傳成功后懒构,返回服務(wù)器存儲(chǔ)的路徑
返回的圖片路徑存儲(chǔ)到表單提交對(duì)象中
3.圖片轉(zhuǎn) base64 后上傳
一些小圖片上傳可能會(huì)采取前端轉(zhuǎn)base64后成為字符串上傳給后端