我有一个具有 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 文件输入或(如果可能)替代方案来修复它。