相关疑难解决方法(0)

为什么通过相机上传图像可以在 mobile-safari 上使用,但不能在 iOS PWA 上使用?

我有一个具有 PWA 功能的网页。

在 iOS safari 上,我确实收到了常见的操作系统对话框,询问我是否要拍照或从照片库上传图片:

在此输入图像描述

通过菜单“添加到主屏幕”按钮将其“安装”为 PWA 并通过主屏幕启动后,我仍然得到相同的选项,“从库中选择”仍然有效,但是当选择“拍照”时,iOS 相机应用程序按预期打开,但保持全黑状态。

html:

<head>

  <meta charset="utf-8">
  <title>dingsda user interface 2</title>

  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="manifest" href="manifest.json">

  (...)

  <label class="fileContainer ui-btn">
    <input type="file" accept="image/jpeg" id="photo_upload" multiple data-role="none"/>
   </label>
Run Code Online (Sandbox Code Playgroud)

仅连接 JavaScript:

document.getElementById("photo_upload").addEventListener("change",
function(){
  console.log("got pic, will resize now:");
  resizeBase64image(document.getElementById("photo_upload"),
  function(base64img){
    console.log("resized pic. will add it to src");
    document.getElementById("addPhoto").src = base64img;
  });
});
Run Code Online (Sandbox Code Playgroud)

我没有任何想法,也没有发现任何有关限制的线索。另外:无论如何,它似乎不应该提示对话框或照片应用程序。我很高兴收到任何建议。使用 HTML 文件输入或(如果可能)替代方案来修复它。

html javascript mobile-safari ios progressive-web-apps

5
推荐指数
1
解决办法
9910
查看次数