亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

前后分離開發,前端如何獲取后臺圖片,并顯示在頁面上

前后分離開發,前端如何獲取后臺圖片,并顯示在頁面上

侃侃爾雅 2019-03-01 09:14:20
圖片暫定是存儲在后臺數據庫中的,前端如何通過接口獲取圖片,并展示在頁面上,請大神指導,謝謝
查看完整描述

13 回答

?
一只名叫tom的貓

TA貢獻1906條經驗 獲得超3個贊

數據庫存的是url,返回url就行了。

查看完整回答
反對 回復 2019-03-01
?
森欄

TA貢獻1810條經驗 獲得超5個贊

接口請求成功會有一個成功函數, 這個函數里面會有一個參數給你, 這個參數就是后臺給你的數據。 拿到數據后進行操作, 一步一步來

查看完整回答
反對 回復 2019-03-01
?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

你給圖片的地址就可以了

查看完整回答
反對 回復 2019-03-01
?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

前端在img標簽的src上直接寫那個“接口地址+圖片標志”即可啊,不需要做什么特殊處理吧

查看完整回答
反對 回復 2019-03-01
?
鳳凰求蠱

TA貢獻1825條經驗 獲得超4個贊


比較麻煩的就是將圖片以blob的形式存到數據里,讀取出來后在后端轉成圖片base64字符串編碼返回給前端(<img src="data:image/jpeg;base64,base64字符串編碼)。 比較合理的做法是數據庫里只存圖片的URL,將圖片存放在硬盤里,前端獲取圖片url展示。

查看完整回答
反對 回復 2019-03-01
?
慕哥6287543

TA貢獻1831條經驗 獲得超10個贊

用七牛云存圖片,會返回一個鏈接

查看完整回答
反對 回復 2019-03-01
?
弒天下

TA貢獻1818條經驗 獲得超8個贊

一般后端都是返回url,前端接口請求,后端返回url數據,前端接收url 輸出

查看完整回答
反對 回復 2019-03-01
?
慕勒3428872

TA貢獻1848條經驗 獲得超6個贊

數據庫一般存放的是圖片的地址(url),不建議把文件直接存放在數據庫中。
調用后端接口,前端拿到圖片的url,然后<img src="url" />就可以顯示了。

如果是小的應用,圖片可以直接保存文件系統中,否則需要專門的文件服務器來存儲圖片,公司可以自己搭建文件服務器,也可以使用一些服務商提供的,比如七牛。

查看完整回答
反對 回復 2019-03-01
?
慕桂英4014372

TA貢獻1871條經驗 獲得超13個贊

不建議你用這種方式,可以采用七牛云存儲圖片,數據庫中只保存url。
還有一種方式就是你的項目肯定有跟接口一樣暴露出來的資源,你創建一個img文件夾,在web項目中暴露出來,圖片存儲在img下,數據庫中存儲讀取img的相對路徑。

好吧,你非要用你這種方式,可以這樣,你從數據庫中讀取出來的是個流數據,可以直接以流的形式寫會去,注意寫的圖片名稱<img>中還要用,還有一種方式就是寫到你的暴露的文件夾中,返回路徑即可

查看完整回答
反對 回復 2019-03-01
?
猛跑小豬

TA貢獻1858條經驗 獲得超8個贊

使用jsonbird 或者 讓后臺啟用可跨越,訪問后臺ip 即可

查看完整回答
反對 回復 2019-03-01
?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

圖片存在數據庫,這首先就是一個錯誤的做法,一般的做法都是數據庫存圖片的URL地址。圖片存在專門的圖片服務器上,頁面展示的時候通過靜態代理將圖片通過URL展示出來,參考JD,TB,都是這么做的

查看完整回答
反對 回復 2019-03-01
?
繁花如伊

TA貢獻2012條經驗 獲得超12個贊

傳url就好了啊

查看完整回答
反對 回復 2019-03-01
  • 13 回答
  • 0 關注
  • 19022 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號