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ù)器硬盤上，或者云主機(jī)的硬盤上，都是通過(guò) formdata 的方式進(jìn)行文件上傳。具體的思路和云文件服務(wù)器差不多。

主要步驟
設(shè)置服務(wù)器上傳路徑、上傳文件字段名、header、data參數(shù)等
上傳成功后，返回服務(wù)器存儲(chǔ)的路徑
返回的圖片路徑存儲(chǔ)到表單提交對(duì)象中

3.圖片轉(zhuǎn) base64 后上傳

一些小圖片上傳可能會(huì)采取前端轉(zhuǎn)base64后成為字符串上傳給后端