11 圖片上傳的三種方式

項(xiàng)目中需要上傳圖片可謂是經(jīng)常遇到的需求,本文將介紹 3 種不同的圖片上傳方式。

1.云儲(chǔ)存

常見的 七牛云,OSS(阿里云)等,這些云平臺提供API接口,調(diào)用相應(yīng)的接口,文件上傳后會(huì)返回圖片存儲(chǔ)在服務(wù)器上的路徑,前端獲得這個(gè)路徑保存下來提交給后端即可。此流程處理相對簡單。

主要步驟
向后端發(fā)送請求,獲取OSS配置數(shù)據(jù)
文件上傳,調(diào)用OSS提供接口
文件上傳完成,后的文件存儲(chǔ)在服務(wù)器上的路徑
將返回的路徑存值到表單對象中

2.傳統(tǒng)文件服務(wù)器上傳圖片

此方法就是上傳到自己文件服務(wù)器硬盤上,或者云主機(jī)的硬盤上,都是通過 formdata 的方式進(jìn)行文件上傳。具體的思路和云文件服務(wù)器差不多。

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

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,689評論 1 32
  • 點(diǎn)擊查看原文 Web SDK 開發(fā)手冊 SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個(gè)完善的 IM 系統(tǒng)...
    layjoy閱讀 14,449評論 0 15
  • 文/得一 前言: 朋友,你知道嗎? 概念和方法論是一個(gè)人變得聰明、成為高手的硬指標(biāo): 1)概念是一切知識架構(gòu)和獨(dú)立...
    得一說閱讀 2,574評論 0 7
  • 今天去超市,想買點(diǎn)肉,于是轉(zhuǎn)到了生肉區(qū)買肉,遠(yuǎn)處就看見有個(gè)小姑娘,有二十多歲,在進(jìn)行試吃奶酪促銷的活動(dòng),我之前買過...
    憧憬的X閱讀 1,250評論 0 0
  • 今天吃火鍋,兵哥把一個(gè)單獨(dú)旅游的客人喊來一起吃了
    趣多多土豆閱讀 167評論 0 0

友情鏈接更多精彩內(nèi)容