RocketChat / RocketChat/Rocket.Chat

Feat: Allow Users to Upload Multiple Images at Once

Open
#35,651 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

Currently, Rocket.Chat only allows users to upload a single image at a time. If users need to share multiple images, they have to upload them one by one, which is time-consuming and inefficient. Adding support for multiple image uploads would enhance user experience and streamline communication.

Steps to reproduce:
  1. Try to upload an image in Rocket.Chat.

  2. Attempt to select multiple images at once.(ie by copying 2 or 3 images and pasting it in message box)

  3. Only one image gets uploaded, requiring repeated actions for multiple images.

Expected behavior:
  1. Users should be able to select and upload multiple images in a single action.

  2. All selected images should be displayed as a batch before confirmation in a collage format like in other apps to save space.

  3. Users should have the option to add description common description for all.

Actual behavior:
  1. Only one image can be selected and uploaded at a time.

  2. Users must repeat the upload process for multiple images, reducing efficiency.

###Proposed Solution

  1. Modify the file upload component to support multiple file selection.

  2. Provide a preview interface where users can review and add descriptions before confirming the upload.

  3. Ensure images are uploaded sequentially or in parallel without performance issues.

Server Setup Information:

Version of Rocket.Chat Server: 7.5.0-develop
License Type:
Number of Users:
Operating System: Ubuntu 24.04
Deployment Method:
Number of Running Instances:
DB Replicaset Oplog:
NodeJS Version: \v22.13.1
MongoDB Version:

Client Setup Information

Desktop App or Browser Version:brave
Operating System: Ubuntu 24.04

Additional context
Relevant logs:

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the file upload component and the existing single-image selection and upload flow, including how pasted images enter the message box. Review the current preview and upload behavior, then define completion around selecting multiple images, reviewing them in a batch, adding a common description, and completing uploads without performance issues.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
backend, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.