springboot response 写出图片流 vue 解析图片流显示图片

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了springboot response 写出图片流 vue 解析图片流显示图片相关的知识,希望对你有一定的参考价值。

参考技术A 这里我封装成了一个promise

3.步骤二: 前端使用

由于之前直接用window.URL.createObjectURL,加载响应,但是出现错误,
Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.

4.步骤三:使用

所以在网上找了一下解决方式:
http://www.voidcn.com/article/p-qdigdjoc-btb.html

php 图片流 转 base64

我只会用这种方法生成图片
//以上代码忽略
imagepng($code)
这样会直接在浏览器输出图片,后面加路径则会在指定位置输出图片

那么问题来了,我要把图片转换为base64编码,就必须先要imagepng($code,路径)
然后再从路径读图片转为base64编码,有没有办法直接用 $code这个参数直接转换为base64编码的图片?据查这个$code参数就是图片流,我就是想不通过写出文件的步骤直接转为base64编码,求指教。

用途:网站内一些数字为了防采集,将用图片显示,但是我只能做成带get参数的图片生成器,那就失去了防采集功能了

参考技术A

给你试试吧:

<?php
$im =  imagecreatetruecolor(100, 100);

ob_start();
imagepng($im);
$fileContent = ob_get_contents();
ob_end_clean();

echo base64_encode($fileContent);

追问

这个是不行的,imagepng($im);已经输出到浏览器了,后面再编码就意义不大了,等于输出了两次,我想直接用$im这个参数编码,我已经解决了,不过还是感谢回复,接分。

本回答被提问者和网友采纳

以上是关于springboot response 写出图片流 vue 解析图片流显示图片的主要内容,如果未能解决你的问题,请参考以下文章

java web二进制流的图片如何用response返回给前台

springboot:各种下载文件的方式

Node.js 把图片流送到客户端

springboot项目图片上传,回显;使用外部静态资源路径回显图片

springboot项目图片上传,回显;使用外部静态资源路径回显图片

[javaEE] response实现图片下载