11 圖片上傳的三種方式
項(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ù)器硬盤(pán)上,或者云主機(jī)的硬盤(pán)上睦擂,都是通過(guò) formdata 的方式進(jìn)行文件上傳得湘。具體的思路和云文件服務(wù)器差不多。
主要步驟
設(shè)置服務(wù)器上傳路徑顿仇、上傳文件字段名淘正、header摆马、data參數(shù)等
上傳成功后,返回服務(wù)器存儲(chǔ)的路徑
返回的圖片路徑存儲(chǔ)到表單提交對(duì)象中
3.圖片轉(zhuǎn) base64 后上傳
一些小圖片上傳可能會(huì)采取前端轉(zhuǎn)base64后成為字符串上傳給后端