【问题标题】:Use the share button on a picture from mobile gallery to upload it on PWA使用移动图库中图片上的共享按钮将其上传到 PWA
【发布时间】:2019-08-19 12:09:19
【问题描述】:

是否可以将图片直接从移动图库分享到 PWA(当我们想要发送图片时,与 What's app 或 Messenger 的行为相同)还是我需要原生应用才能做到这一点?我正在构建的网站允许用户上传媒体(带有输入类型文件),但用户必须先访问该网站才能共享它。我还想让他先选择它的媒体,然后将其分享到应用程序,我想知道这种行为是否可以通过 PWA 实现。

【问题讨论】:

  • 检查我的新更新答案,

标签: javascript reactjs progressive-web-apps next.js


【解决方案1】:

// 更新了

您可以通过 Web 共享目标 API 注册为共享目标,Twitter PWA 使用此 API,这是其清单中处理该 API 的部分


  "share_target": {
    "action": "compose/tweet",
    "enctype": "multipart/form-data",
    "method": "POST",
    "params": {
      "title": "title",
      "text": "text",
      "url": "url",
      "files": [
        {
          "name": "externalMedia",
          "accept": [
            "image/jpeg",
            "image/png",
            "image/gif",
            "video/quicktime",
            "video/mp4"
          ]
        }
      ]
    }
  },

你可以阅读更多关于它Here

【讨论】:

  • 很抱歉,我在 Chrome 功能链接中没有看到我上面提到的功能。
  • @Blq56 进一步研究发现您可以注册为共享目标,Read more
  • 感谢@none 尝试帮助我。我已经找到了 Web Share Target API,但这并不是我想要的。在手机上,在图库中,当你点击图片时,会有一个分享按钮。当您点击“分享”时,您可以通过不同的应用程序(Discord、Messenger、E-mail...)分享图片。是否可以在这些应用程序旁边显示我自己的 PWA 以便通过我的 PWA 共享图片,或者我需要构建一个原生应用程序? (或者我不明白 Web Share Target API 能做什么。
  • 这正是它能够做到的,看文章
  • 这是我在我的图库中分享图片时发生的情况的图片。 ibb.co/WWM3kZm。仅供参考:图片中的 Twitter 是 PWA。我没有本地 Twitter。所以这回答了你的问题。将应用程序 (pwa) 注册为共享目标后,它就会添加到共享选项中。您接受的特定媒体类型中
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多