为了账号安全,请及时绑定邮箱和手机立即绑定

前后分离开发,前端如何获取后台图片,并显示在页面上

前后分离开发,前端如何获取后台图片,并显示在页面上

侃侃尔雅 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条经验 获得超5个赞

你给图片的地址就可以了

查看完整回答
反对 回复 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 关注
  • 19304 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号