使用Flask向前端传入图片

opencv处理的图像

后端：

第一步，转为二进制图片

 _, binary_img = cv2.imencode('.png', img_with_name)
                binary_str = binary_img.tobytes()
                return binary_str

第二步，使用base64 编、解码

img2 = base64.b64encode(img1).decode()
    return render_template('test.html', img=img2)

前端：

 <div>
       <img style="width:640px" src="data:;base64, {{ img }}">
 </div>

直接使用base64，就会出现以下状况：

参考链接：

python flask将读取的图片返回给web前端_flask返回图片给前端-CSDN博客