RocketChat / RocketChat/Rocket.Chat
Feat: Allow Users to Upload Multiple Images at Once
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:
-
Try to upload an image in Rocket.Chat.
-
Attempt to select multiple images at once.(ie by copying 2 or 3 images and pasting it in message box)
-
Only one image gets uploaded, requiring repeated actions for multiple images.
Expected behavior:
-
Users should be able to select and upload multiple images in a single action.
-
All selected images should be displayed as a batch before confirmation in a collage format like in other apps to save space.
-
Users should have the option to add description common description for all.
Actual behavior:
-
Only one image can be selected and uploaded at a time.
-
Users must repeat the upload process for multiple images, reducing efficiency.
###Proposed Solution
-
Modify the file upload component to support multiple file selection.
-
Provide a preview interface where users can review and add descriptions before confirming the upload.
-
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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