验证码的显示存在问题

Question

from flask import Flask, render_template, request, redirect, jsonify, make_response
from verify import check_code
from io import BytesIO
import sqlhelper
import datetime
import pymysql

app = Flask(__name__)

@app.route('/image/code/')
def image_code():
    print(1111)
    img,code_string = check_code()
    print(code_string)

    stream = BytesIO()
    img.save(stream,'png')
    response = make_response(stream.getvalue())
    return response

if __name__ == '__main__':
    app.run()

以下是verify.py中的函数代码

from PIL import Image,ImageDraw,ImageFont,ImageFilter
import random


def check_code(width=120, height=30, char_length=5, font_file='Monaco.ttf', font_size=28):
    code = []
    img = Image.new(mode='RGB', size=(width, height), color=(255, 255, 255))
    draw = ImageDraw.Draw(img, mode='RGB')

    def rndChar():
        """
        生成随机字母
        :return:
        """
        return chr(random.randint(65, 90))

    def rndColor():
        """
        生成随机颜色
        :return:
        """
        return (random.randint(0, 255), random.randint(10, 255), random.randint(64, 255))

    # 写文字
    font = ImageFont.truetype(font_file, font_size)
    for i in range(char_length):
        char = rndChar()
        code.append(char)
        h = random.randint(0, 4)
        draw.text([i * width / char_length, h], char, font=font, fill=rndColor())

    # 写干扰点
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())

    # 写干扰圆圈
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())
        x = random.randint(0, width)
        y = random.randint(0, height)
        draw.arc((x, y, x + 4, y + 4), 0, 90, fill=rndColor())

    # 画干扰线
    for i in range(5):
        x1 = random.randint(0, width)
        y1 = random.randint(0, height)
        x2 = random.randint(0, width)
        y2 = random.randint(0, height)

        draw.line((x1, y1, x2, y2), fill=rndColor())

    img = img.filter(ImageFilter.EDGE_ENHANCE_MORE)
    return img, ''.join(code)

<img id="image_code" scr="/image/code/" style="width:125px;">

上述是验证码的编写，但是在登录页面刷新时并没有给html发送图片数据，是我编写的函数存在问题还是路径有问题

Answer 1

参考GPT和自己的思路：根据你提供的代码，可能存在以下问题：

1. 在HTML代码中，img标签的属性名应该是src而不是scr。
2. 你需要在HTML代码中使用正确的URL，即在localhost:5000后加上路径。例如：http://localhost:5000/image/code/
3. 检查图片生成和返回函数check_code中的代码是否正确，特别是在ImageFont.truetype函数调用时是否存在问题。
4. 检查当前路径下是否存在Monaco.ttf字体文件，如果不存在，需要在相应文件夹中添加该字体文件。