nextcloud / nextcloud/server

Share images or videos via the Share Menu on mobile (browser) to save directly to the gallery

Open
#46,511 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage browser: mobile enhancement feature: files
Dominant language
PHP
Stars
36.9k
Forks
5.2k
Avg merge
2d 3h
Merged PRs (30d)
713

Description

How to use GitHub
  • Please use the 👍 reaction to show that you are interested into the same feature.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
When receiving files via a link and opening it on a browser on mobile (iOS Safari in my case), I’d like to be able to save files in original quality to my camera roll easily.
Right now I have to tap on:

  1. Tap Download File
  2. Show
  3. Long tap the shown image to activate the context menu
  4. Tap save to gallery

Most users do not know of this workaround as it is rather unintuitive.
Probably, they would rather use the download button and then be confused that the images are saved to the download directory when they actually want them in the gallery.

Describe the solution you'd like
Modern browsers natively support sharing files via the native share menu via JavaScript. I’d like to have a button or context menu to share the image in high quality via the share menu. In the share menu there is an option to save to the gallery:

  1. Tap Share
  2. Tap Save Image to Gallery

This would be especially helpful when saving multiple images or all images:

  1. Mark all
  2. Tap Share
  3. Tap Save Image to Gallery

If you do not want to add another button, for media files the Download button could activate the share menu instead of downloading directly as it includes an entry „Save to files“ and „Save to gallery“.

Documentation:
https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share

Example (tap Share Image button):
https://benkaiser.github.io/web-share-images/?ref=benkaiser.dev#/image

Additional Context

Beware that AFAIK the files are loaded into RAM when using the share menu which could crash the page if not done right. Maybe an upper file size would work.

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 reviewing the existing Download button and media selection flow, then compare the requested behavior with the Navigator.share documentation and linked web-share-images example. Determine how image and video files, including multiple selections, could be passed to the mobile browser share menu without excessive RAM use. Done means an appropriate share action is available for media and preserves the requested gallery-saving workflow.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, mobile-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.