search

felixmosh / bull-board

🎯 Queue background jobs inspector
MIT License
2.36k stars 366 forks source link

Dashboard Lagging with FormData Containing Large Image #746

Closed kloyaa closed 2 months ago

kloyaa commented 6 months ago

Description

The dashboard experiences significant lag when submitting form data that includes an image file of approximately 3MB. This issue does not occur when the form data consists only of plain objects.

Steps to Reproduce

  1. Navigate to the dashboard.
  2. Fill out a form that includes a file input for an image.
  3. Upload an image file of around 3MB.
  4. Submit the form.
  5. Observe the lag in the dashboard interface.

Expected Behavior

The dashboard should handle form submissions smoothly, regardless of whether the form data includes large files.

Actual Behavior

The dashboard becomes noticeably laggy and unresponsive during the submission process when a large image file (approximately 3MB) is included in the form data.

Analysis

  1. Lag occurs with large image files: The lag is specifically noticed when an image file of about 3MB is included in the form data.
  2. No lag with plain objects: Submitting form data with only plain objects does not cause any lag.

Browser

Microsoft Edge

felixmosh commented 6 months ago

Hi, thank you for reporting this issue, can you elaborate? where do you "upload" a file?

camargosproj commented 3 months ago

I got the same issue. When sending large files, the browser starts lagging, consumes a lot of RAM, and crashes.

File with 2.5MB in the example image

felixmosh commented 2 months ago

Hi, you can set dataFormatter to show only the data that you need to show on the board.

queueAdapter.setFormatter('data', (data) => redact(data));