2019-04-01

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后成為字符串上傳給后端

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末鸿吆,一起剝皮案震驚了整個(gè)濱河市囤采,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惩淳,老刑警劉巖蕉毯,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異思犁,居然都是意外死亡代虾,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門(mén)激蹲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)棉磨,“玉大人,你說(shuō)我怎么就攤上這事托呕『兀” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵项郊,是天一觀的道長(zhǎng)馅扣。 經(jīng)常有香客問(wèn)我,道長(zhǎng)着降,這世上最難降的妖魔是什么差油? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮任洞,結(jié)果婚禮上蓄喇,老公的妹妹穿的比我還像新娘。我一直安慰自己交掏,他們只是感情好妆偏,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著盅弛,像睡著了一般钱骂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挪鹏,一...
    開(kāi)封第一講書(shū)人閱讀 52,874評(píng)論 1 314
  • 那天见秽,我揣著相機(jī)與錄音,去河邊找鬼讨盒。 笑死解取,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的返顺。 我是一名探鬼主播禀苦,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蔓肯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了伦忠?” 一聲冷哼從身側(cè)響起省核,我...
    開(kāi)封第一講書(shū)人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤稿辙,失蹤者是張志新(化名)和其女友劉穎昆码,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體邻储,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赋咽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吨娜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脓匿。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖宦赠,靈堂內(nèi)的尸體忽然破棺而出陪毡,到底是詐尸還是另有隱情,我是刑警寧澤勾扭,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布毡琉,位于F島的核電站,受9級(jí)特大地震影響妙色,放射性物質(zhì)發(fā)生泄漏桅滋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一身辨、第九天 我趴在偏房一處隱蔽的房頂上張望丐谋。 院中可真熱鬧,春花似錦煌珊、人聲如沸号俐。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)吏饿。三九已至,卻和暖如春洗贰,著一層夾襖步出監(jiān)牢的瞬間找岖,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來(lái)泰國(guó)打工敛滋, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留许布,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓绎晃,卻偏偏與公主長(zhǎng)得像蜜唾,于是被迫代替她去往敵國(guó)和親杂曲。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Spring Boot文件上傳 文件上傳是項(xiàng)目開(kāi)發(fā)中的常見(jiàn)操作袁余。一般分為如下幾種解決方案 直接上傳到應(yīng)用服務(wù)器 上...
    詛咒獵豹閱讀 197評(píng)論 0 0
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類(lèi)型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,113評(píng)論 1 32
  • 這個(gè)是比較簡(jiǎn)單的腳本擎勘,從Github找到的挺好用,略為修改就可以用來(lái)更新Ubuntu/Debian服務(wù)器的軟件包颖榜。...
    AK蝸牛閱讀 656評(píng)論 0 2
  • Vue.js工程化項(xiàng)目起步——vue-router-demo: 本例主要采用vue-cli配合webpack來(lái)創(chuàng)建...
    詛咒獵豹閱讀 218評(píng)論 0 0
  • 磨蹭了一晚上的娃終于上床睡覺(jué)去了棚饵,小小的屋子又恢復(fù)了白天的寂靜,所有的聲音都突然間憑空消失了掩完,周?chē)泥従咏K于松...
    快樂(lè)曉曉2007閱讀 397評(píng)論 2 5