springboot后端传递图片的二进制流文件,Vue端如何进行展示。求大佬给个解决方法。

后端用的是springboot,通过访问直接地址的方式从电脑的文件夹中取出图片。然后转化为二进制流传输到vue前端,vue端再进行展示。

以前springboot向前端传递数据一般是转化为JSON格式用字符串传输的,针对于这个问题应该怎样设置传输类型?然后vue端如何对传过来的数据进行接收和展示?

 

2种方案:

1.把图片地址保存到数据库,传递图片文件地址到前端显示(通常做法);

2.把图片的二进制流转换为base64编码,在前端显示(类似验证码的做法)

直接百度搜,vue 展示二进制图片流就好了

让接口设置contentType, 前端img标签写接口地址就能预览了

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

速戳参与调研>>>https://t.csdnimg.cn/Kf0y

让后端把获取到得图片 处理成file对象(前端就需要在处理下转成base64字符串)或者是后端直接把二进制流处理成base64字符串,流转string后端会的,还不行直接让他给你返回图片在服务器得地址给你