How to get multiple files returned by http node? Or in what format should http node return multiple files?

[wow-ww]

Self Checks

• I have searched for existing issues search for existing issues, including closed ones.
• I confirm that I am using English to submit report (我已阅读并同意 Language Policy).
• [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:）
• Please do not modify this template :) and fill in all the required fields.

Provide a description of requested docs changes

I want the http node to return multiple image files, and then these image files are used as input to the LLM node. However, I have only found a way to return a single image file, and LLM can receive it.I use api written by FastAPI to send requests through http nodes.

@app.post("/upload_video/")
async def upload_video(request: Request):
    data = await request.json()
    video_url = data.get("video_url")
    if not video_url:
        raise HTTPException(status_code=400, detail="Video URL is required")

    video_path = "temp_video.mp4"

    try:
        # 下载视频文件
        response = requests.get(video_url)
        response.raise_for_status()
        with open(video_path, "wb") as f:
            f.write(response.content)
    except Exception as e:
        raise HTTPException(status_code=400,
                            detail="Failed to download video file")
     ……
    #Capture the video frame, save it in the project root directory, and get its address
    ……
    return FileResponse(path=imge_file_path,
                        filename=os.path.basename(imge_file_path),
                        media_type='image/png')

http node output like this!

{
  "status_code": 200,
  "body": "",
  "headers": {
    "date": "Sun, 05 Jan 2025 14:00:47 GMT",
    "server": "uvicorn",
    "content-type": "image/png",
    "accept-ranges": "bytes",
    "content-disposition": "attachment; filename=\"frame_1.png\"",
    "content-length": "149728",
    "last-modified": "Sun, 05 Jan 2025 14:00:49 GMT",
    "etag": "\"cfbd866e1cf046f7891e8826468b00db\"",
    "cache-status": "1d506d33da74;detail=mismatch",
    "via": "1.1 1d506d33da74 (squid/6.6)",
    "connection": "keep-alive"
  },
  "files": [
    {
      "dify_model_identity": "__dify__file__",
      "id": null,
      "tenant_id": "5892453d-b8f8-4e6c-942f-e56edb702d76",
      "type": "image",
      "transfer_method": "tool_file",
      "remote_url": null,
      "related_id": "1d91cdd9-ddbc-45be-8c5b-f856f32ef5aa",
      "filename": "4e0871939e3b4d049bd1ce019a1f9ea0.png",
      "extension": ".png",
      "mime_type": "image/png",
      "size": 149728,
      "url": "/files/tools/1d91cdd9-ddbc-45be-8c5b-f856f32ef5aa.png?timestamp=1736085649&nonce=8fb2f6bbf9f67e746f3e81d02c730282&sign=x_tw6OnQWpBy9yJDBhq0QTARFAbnned_9eixJm7GYdk="
    }
  ]
}

When I return multiple files in the following way, the multiple files are always in the body field in the response, not in the files field.

return [FileResponse(path=imge_file_path,
                        filename=os.path.basename(imge_file_path),
                        media_type='image/png'),FileResponse(path=imge_file_path,
                        filename=os.path.basename(imge_file_path),
                        media_type='image/png'),FileResponse(path=imge_file_path,
                        filename=os.path.basename(imge_file_path),
                        media_type='image/png')]

http node output like this!

{
  "status_code": 200,
  "body": "[{\"path\":\"frames/frame_1.png\",\"status_code\":200,\"filename\":\"frame_1.png\",\"media_type\":\"image/png\",\"background\":null,\"raw_headers\":[[\"content-type\",\"image/png\"],[\"accept-ranges\",\"bytes\"],[\"content-disposition\",\"attachment; filename=\\\"frame_1.png\\\"\"]],\"_headers\":{\"content-type\":\"image/png\",\"accept-ranges\":\"bytes\",\"content-disposition\":\"attachment; filename=\\\"frame_1.png\\\"\"},\"stat_result\":null},{\"path\":\"frames/frame_1.png\",\"status_code\":200,\"filename\":\"frame_1.png\",\"media_type\":\"image/png\",\"background\":null,\"raw_headers\":[[\"content-type\",\"image/png\"],[\"accept-ranges\",\"bytes\"],[\"content-disposition\",\"attachment; filename=\\\"frame_1.png\\\"\"]],\"_headers\":{\"content-type\":\"image/png\",\"accept-ranges\":\"bytes\",\"content-disposition\":\"attachment; filename=\\\"frame_1.png\\\"\"},\"stat_result\":null},{\"path\":\"frames/frame_1.png\",\"status_code\":200,\"filename\":\"frame_1.png\",\"media_type\":\"image/png\",\"background\":null,\"raw_headers\":[[\"content-type\",\"image/png\"],[\"accept-ranges\",\"bytes\"],[\"content-disposition\",\"attachment; filename=\\\"frame_1.png\\\"\"]],\"_headers\":{\"content-type\":\"image/png\",\"accept-ranges\":\"bytes\",\"content-disposition\":\"attachment; filename=\\\"frame_1.png\\\"\"},\"stat_result\":null}]",
  "headers": {
    "date": "Sun, 05 Jan 2025 14:02:52 GMT",
    "server": "uvicorn",
    "content-length": "1183",
    "content-type": "application/json",
    "cache-status": "1d506d33da74;detail=mismatch",
    "via": "1.1 1d506d33da74 (squid/6.6)",
    "connection": "keep-alive"
  },
  "files": []
}

In what format should http node return multiple files?

[dosubot[bot]]

To return multiple files from an HTTP node so that they appear in the "files" field instead of the "body" field, you need to ensure that the response is structured in a way that the HTTP node can recognize and extract the files. Here are some steps and considerations:

1. Multipart Response: The HTTP response should be a multipart response. This is typically done using the multipart/form-data content type. Each part of the multipart response should represent a file.

2. Content-Disposition Header: Each part of the multipart response should include a Content-Disposition header with a filename parameter. This helps the HTTP node identify each part as a file.

3. Content-Type Header: Each part should also have a Content-Type header that specifies the MIME type of the file (e.g., image/png).

4. FastAPI Example: In FastAPI, you can use the StreamingResponse or a similar approach to construct a multipart response. Here's a basic example of how you might structure the response:

   from fastapi import FastAPI, Response
   from starlette.responses import StreamingResponse
   from starlette.datastructures import Headers
   import io
   
   app = FastAPI()
   
   @app.post("/upload_images/")
   async def upload_images():
       # Create a buffer for each image
       image1 = io.BytesIO(b"image data 1")
       image2 = io.BytesIO(b"image data 2")
       image3 = io.BytesIO(b"image data 3")
   
       # Define the multipart response
       def iterfile():
           yield b"--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file1"; filename="image1.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image1.read()
           yield b"\r\n--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file2"; filename="image2.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image2.read()
           yield b"\r\n--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file3"; filename="image3.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image3.read()
           yield b"\r\n--boundary--\r\n"
   
       headers = Headers({
           "Content-Type": "multipart/form-data; boundary=boundary"
       })
   
       return StreamingResponse(iterfile(), headers=headers)

5. HTTP Node Configuration: Ensure that the HTTP node is configured to handle multipart responses and that the extract_files method is correctly implemented to process these files.

By following these steps, the HTTP node should be able to extract the files from the response and place them in the "files" field.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[wow-ww]

To return multiple files from an HTTP node so that they appear in the "files" field instead of the "body" field, you need to ensure that the response is structured in a way that the HTTP node can recognize and extract the files. Here are some steps and considerations:要从 HTTP 节点返回多个文件，使它们出现在“files”字段而不是“body”字段中，您需要确保响应结构以供 HTTP 节点识别和提取文件。以下是一些步骤和注意事项：

1. Multipart Response: The HTTP response should be a multipart response. This is typically done using the multipart/form-data content type. Each part of the multipart response should represent a file.多部分响应：HTTP 响应应该是多部分响应。这通常使用 multipart/form-data 内容类型来完成。多部分响应的每一部分应代表一个文件。
2. Content-Disposition Header: Each part of the multipart response should include a Content-Disposition header with a filename parameter. This helps the HTTP node identify each part as a file.内容处置头：每个多部分响应应包含一个带有 filename 参数的 Content-Disposition 头。这有助于 HTTP 节点识别每个部分作为一个文件。
3. Content-Type Header: Each part should also have a Content-Type header that specifies the MIME type of the file (e.g., image/png).Content-Type Header: 每部分也应有一个 Content-Type 标头，用于指定文件的 MIME 类型（例如， image/png ）。
4. FastAPI Example: In FastAPI, you can use the StreamingResponse or a similar approach to construct a multipart response. Here's a basic example of how you might structure the response:FastAPI 示例：在 FastAPI 中，您可以使用 StreamingResponse 或类似方法构建多部分响应。以下是一个基本的响应结构示例：

   from fastapi import FastAPI, Response
   from starlette.responses import StreamingResponse
   from starlette.datastructures import Headers
   import io
   
   app = FastAPI()
   
   @app.post("/upload_images/")
   async def upload_images():
       # Create a buffer for each image
       image1 = io.BytesIO(b"image data 1")
       image2 = io.BytesIO(b"image data 2")
       image3 = io.BytesIO(b"image data 3")
   
       # Define the multipart response
       def iterfile():
           yield b"--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file1"; filename="image1.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image1.read()
           yield b"\r\n--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file2"; filename="image2.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image2.read()
           yield b"\r\n--boundary\r\n"
           yield b'Content-Disposition: form-data; name="file3"; filename="image3.png"\r\n'
           yield b"Content-Type: image/png\r\n\r\n"
           yield image3.read()
           yield b"\r\n--boundary--\r\n"
   
       headers = Headers({
           "Content-Type": "multipart/form-data; boundary=boundary"
       })
   
       return StreamingResponse(iterfile(), headers=headers)

5. HTTP Node Configuration: Ensure that the HTTP node is configured to handle multipart responses and that the extract_files method is correctly implemented to process these files.HTTP 节点配置：确保 HTTP 节点配置为处理多部分响应，并且正确实现了 extract_files 方法来处理这些文件。

By following these steps, the HTTP node should be able to extract the files from the response and place them in the "files" field.按照这些步骤，HTTP 节点应能从响应中提取文件并将它们放置在“files”字段中。

To continue talking to Dosu, mention @dosu.继续与 Dosu 交谈，请提及。

Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

How to extract_files?@dosu

[wow-ww]

I tried your method, but multiple files are still returned as strings in the body field, and the files field is empty. I cannot receive the returned multiple files.@dosu

{
  "status_code": 200,
  "body": "--boundary\r\nContent-Disposition: form-data; name=\"files\"; filename=\"frame_1.png\"\r\nContent-Type: image/png\r\n\r\n�PNG\r\n\u001a\n\u0000\u0000\u0000\rIHDR\u0000\u0000\u0002�\u0000\u0000\u0001h\b\u0002\u0000\u0000\u0000HP�\u0006\u0000\u0001\u0000\u0000IDATx���g�",
  "headers": {
    "date": "Sun, 05 Jan 2025 14:11:00 GMT",
    "server": "uvicorn",
    "content-type": "multipart/form-data; boundary=boundary",
    "cache-status": "1d506d33da74;detail=mismatch",
    "transfer-encoding": "chunked",
    "via": "1.1 1d506d33da74 (squid/6.6)",
    "connection": "keep-alive"
  },
  "files": []
}

[hjlarry]

what's the behavior when you download the url in a browser? I don't think a url can download multi-files