HTML表单不想发送图像

Question

我有一个复杂的任务，现在我不知道为什么事情不能正常工作。

所以我有两个服务——我的Django主服务器和OCR服务。OCR服务是用FastAPI构建的，它只获取图像，对图像进行处理，并以JSON的形式返回来自图像的数据。这就是我的fastapi文件的样子:

from fastapi import FastAPI, File, UploadFile, Request

import celery_launch
from cleaning_folders import cleaning_folder
from config import save_img_from_form


f_app = FastAPI()

def save_img_from_form(image):
    ts = time.time() * 1000
    digit = random.randint(0, 9)
    file_name = "img_{digit}_{ts}.jpg".format(digit=digit, ts=ts)
    with open(os.path.join('temp_img', file_name), 'wb') as buffer:
        shutil.copyfileobj(image.file, buffer)
    return buffer

@f_app.post("/api/ocr")
async def send_request(image: UploadFile = File(default='Any', media_type='multipart/form-data')):
    buffer = save_img_from_form(image)

    response = celery_launch.ocr_process(
            selected_town='Templates/Chernomorsk',
            raw_img_path=buffer.name,
            selected_billing_type=1
        )

        json_response = response.get()

        cleaning_folder('temp_img')
        return json_response

所以 save_img_from_form（） 从请求中获取一个图像对象并将其保存到磁盘以供下次处理。然后芹菜运行并执行所有 OCR 过程，然后返回一个字典。

因此，当我使用Swagger UI作为交互式API测试服务时，一切都正常，所以在Swagger UI中，我可以通过html输入加载我的图像，然后单击按钮运行我的endpoint。然后我得到了正确的JSON作为响应。我还检查了网络活动(Chrome中的ctrl shift I)和链接到我的endpoint的网络动作，我看到了很多关于我的请求的东西，还有表单数据(图片ofc)。

但另一个问题是。我需要在我的Django服务器上加载一个图像，然后使用请求库将该文件的请求发送到FastAPI服务。但在这里，我遇到了很多麻烦。我有这样一个html表单：

<form method="POST" action="{% url 'send_ocr_form' %}" enctype="multipart/form-data">
        {% csrf_token %}
        <input type="hidden" name="pk" value="{{pk}}">
        <input type="file" id="ocr_image" name="ocr_image" accept=".jpg, .jpeg"><br>
        <button type="submit">Recognize</button>
</form>

一些服务人员需要name=“pk”的隐藏字段。因此，为了加载图像，我有一个名为“ocr_image”的字段。

我对此表单的看法是：

def send_ocr_bill_form(request):
    image = request.FILES['ocr_image'].temporary_file_path()

    ocr_response = send_ocr_bill(image=image)
    files = {'file': open(image, 'rb')}
    ocr_response = requests.post('http://127.0.0.1:5005/api/ocr', files=files)
    print(ocr_response.json())

    return redirect(request.META.get('HTTP_REFERER', '/accounts/profile_page/'))

这并不是这个视图的全部功能，它只是因为当前的问题而没有结束。

因此，当我用image FastAPI发送表单时，使用default='Any '作为图像变量，这意味着请求中没有文件。当我检查网络时，我也没有在我的请求中看到“表单数据”块。所以看起来我不发送图像。但是在我看来，我可以很容易地从请求中获取并打印一个对象。文件，看到它的名字和临时路径，这意味着我加载图像并在我的请求中发送它。

还有有趣的事实。当我删除我的文件输入，只留下csrf令牌和pk隐藏输入，然后提交表单时，在我的网络请求中，我可以看到表单数据，然后在视图中获得我的“pk”。但当我返回文件输入时，表单数据块会消失。

Answer 1

花了这么多时间来解决这个问题，答案是那么容易。我的失败是请求库。让我们看看我的FastAPI的endpoint第一个字符串：

async def send_request(image: UploadFile = File(default='Any', media_type='multipart/form-data')):

所以我将“image”定义为UploadFile对象，当然我的endpoint会在请求中等待文件，但当我在Django视图中发送图像时，我会这样做：

files = {'file': open(image, 'rb')}
ocr_response = requests.post('http://127.0.0.1:5005/api/ocr', files=files)

所以，在“files”变量中，我还使用“file”键将图像分配给它。我需要改变的是：

files = {'image': open(image, 'rb')}
ocr_response = requests.post('http://127.0.0.1:5005/api/ocr', files=files)

现在，当FastAPIendpoint收到请求时，它从正确的位置获取图像参数，然后我可以用它做所有的事情。