Web Share API - Share Image

Question

I'm working on a PWA, which is a share-target as specified in the manifest.json. This PWA is installed (to the Homescreen) on my Android 8.1 device with Chrome 73 for Android.

When sharing web pages, this seems to work. I successfully receive the title and text parameters. Due to limitations of Android, I don't know if I'm ever getting the url parameter.

However, when sharing images specifically (so not just pages, links, text) by long-clicking an image in Chrome, and press "Share Image" - my PWA does not show up in the list of possible targets. Dropbox, Bluetooth, Telegram etc. do show up, but my PWA does not.

Question: how can I make my PWA show up for "Share Image" sharing?

manifest.json

{
  "share_target": {
    "action": "/#/share-target/",
    "method": "GET",
    "enctype": "application/x-www-form-urlencoded",
    "params": {
      "title": "title",
      "text": "text",
      "url": "url",
      "files": [{
        "name": "file",
        "accept": ["*/*"]
      }]
    }
  }
}

Changing to POST does not seem to work either:

manifest.json

{
  "share_target": {
    "action": "/#/share-target/",
    "method": "POST",
    "enctype": "multipart/form-data",
    "params": {
      "title": "title",
      "text": "text",
      "url": "url",
      "files": [{
        "name": "file",
        "accept": ["*/*"]
      }]
    }
  }
}

As far as I'm aware, no browsers support images for the Web Share API. — abraham
– abraham, Commented Apr 22, 2019 at 18:13
Basically trying to reproduce youtu.be/lNOP5dcLZF4?t=773 where it seems at least somewhat possible. — Etienne Bruines
– Etienne Bruines, Commented Apr 22, 2019 at 18:40
The video description says "just landing in Chrome Canary" so you probably need Chrome 75 or 76. — abraham
– abraham, Commented Apr 23, 2019 at 14:56

failedCoder · Accepted Answer · 2019-12-10 15:34:18Z

1

I know that this is a old question, but for anyone looking I've found here that support for sharing files was added in chrome 76.

Support for text and data was added in Chrome 71, and support for files was added in Chrome 76.

answered Dec 10, 2019 at 15:34

failedCoder

1,4241 gold badge18 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Web Share API - Share Image

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related