是否可以使用 Web Share Target API 共享多个文件？

Question

是否可以使用 Web Share Target API 共享多个文件？
我可以在 Google 照片中 select 多张图片，点击分享，然后 select 我的 PWA。但是只有一个 selected 文件被发送到 share_target URL 在 manifest.json.
中给出这很奇怪。我错过了什么吗？
谢谢！

Answer 1

是的，是的。

在您的网络应用程序清单中，使用一些东西 like this:

"share_target": {
  "action": "/_share-target",
  "enctype": "multipart/form-data",
  "method": "POST",
  "params": {
    "files": [{
      "name": "media",
      "accept": ["image/*"]
    }]
  }
}

在处理 POST 对 /_share-target/ 的传入请求的服务工作者中，做一些事情 like this:

const formData = await event.request.formData();
const mediaFiles = formData.getAll('media');

for (const mediaFile of mediaFiles) {
  // Do something with each mediaFile
}

此代码 "in action" 在 https://scrapbook-pwa.web.app/

有一个部署示例

是否可以使用 Web Share Target API 共享多个文件？

Is it possible to share multiple files with Web Share Target API?

javascript

android

google-chrome

progressive-web-apps

web-share