后端将图像转为base64格式,并以链接方式返回前端并显示

前端有时候需要从后端获取图像并显示在网页上,当然,可以通过传递本地路径给后端,继而后端利用sendFile()返回图片文件的方式实现:
参见我另一篇博客:https://www.jianshu.com/p/b98f8dc1b082

还有一种方式是后端将本地图片转换为base64编码数据,并通过获取图片编码格式拼接成base64格式的图片链接返回前端,前端标签直接将此链接作为src即可显示在网页上,具体操作如下:

// 后端转换图片为base64图片链接
const fs = require('fs');
const mimeType = require('mime-types');
let path = "***/***/***.jpg";  //此处为图片本地路径,不限图片格式,.jpg .png .bmp等均可
let buf = fs.readFileSync(path );  //读取图片
let fileMimeType = mimeType.lookup(path );  //获取图片编码格式,jpg jpeg png等
let base64 = new Buffer.from(buf).toString('base64');  //将图片数据转化为base64编码数据
img_src = `data:${fileMimeType};base64,${base64}`; //转化为base64格式图片链接


//前端获取到链接后通过标签显示

你可能感兴趣的:(后端将图像转为base64格式,并以链接方式返回前端并显示)