如何在 PWA 共享目标中离线处理图像?

我可以将我的 Progressive Web App 注册为图像的共享目标(Chrome Android 76 支持):


"share_target": {

    "action": "/share-target",

    "method": "POST",

    "enctype": "multipart/form-data",

    "params": {

      "files": [

        {

          "name": "myImage",

          "accept": ["image/jpeg", "image/png"]

        }

      ]

    }

  }

然后,我可以拦截在 Service Worker 中将图像共享到应用程序的尝试:


self.addEventListener('fetch', e => {

  if (e.request.method === 'POST' && e.request.url.endsWith('/share-target')) {

    // todo

  }

})

如何在我的离线 PWA 中显示共享图像?


侃侃尔雅
浏览 137回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript