个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
所附代码在 Android 上完美运行，即使是旧版本，也无法在 IOS 上运行(已在 Safari 13 上测试)。如果您尝试在 Whatsapp 上分享，在 Android 上它也会分享照片，在 iPhone 上仅分享文字。我哪里错了？代码笔:https://codepen.io/michitkt/pen/YzqBbxo
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
</head><body>
<button disabled="disabled">click me</button>
<div class="result"></div>
<script>
fetch('https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/F-15C_53FS_36FW_Aviano_1993.jpeg/1920px-F-15C_53FS_36FW_Aviano_1993.jpeg')
.then(function(response) {
console.log("response",response);
response.blob().then(function(myBlob) {
console.log("blob",myBlob);
var file = new File([myBlob], "test.jpg", {type: 'image/jpeg'});
//alert("file: "+file.name+", size "+file.size);
productFilesArray = [file];
console.log("array file",productFilesArray);
btn.removeAttribute("disabled");
});
});
const btn = document.querySelector('button');
const result = document.querySelector('.result');
btn.addEventListener('click', async () => {
if (navigator.share) {
try {
await navigator.share({
title: 'Sharing',
text: 'Learn web development on MDN!',
url: 'https://developer.mozilla.org',
files: productFilesArray
})
result.textContent = 'Starting sharing';
} catch(err) {
result.textContent = 'Error: ' + err;
}
} else {
result.textContent = 'You can\'t share';
}
});
</script>
</body>
</html>
最佳答案
每个人都可能有错误!
您的代码没问题。只需删除除 {files:...} 之外的所有内容。然后砰!
以下是适合您的代码片段。
if (navigator.share) {
try {
await navigator.share({
files: productFilesArray
})
result.textContent = 'Starting sharing';
} catch(err) {
result.textContent = 'Error: ' + err;
}
} else {
result.textContent = 'You can\'t share';
}
关于ios - 在 IOS 上的 PWA 中使用 navigator.share 共享文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64058685/
27
4
0
假设我有程序员和艺术家在做一个项目。艺术家有一些他们关心的文件夹: /Doodles /Images/Jpgs 也许程序员有一个这样的文件夹: /Code/View/Jpgs Mercurial 中保
我目前正在开发一个 iOS 应用程序(使用 Swift 3)。为了提高分享的用户体验，我想集成What's App。 事实上，经过一些操作后，用户可以根据需要与 UIActivityViewContr
我想与新的 api 共享图像。 如果我有一个文件的上传表单，我可以与 api 共享该文件，但我试图共享一个本地文件会打破我的头。这是我的尝试: function sharePage(){ const
我在 Azure 门户中设置了一个 iOS 应用来与 OneDrive for Business 集成。 在“对其他应用程序的权限”中，我们选择了所有权限 - Microsoft Graph - Of
所以我让我的应用程序创建一个文件，在本例中它实际上是一个动画 .gif。此动画 .gif 已保存在设备上并已准备就绪 - 我现在要做的是在用户单击“共享”按钮时共享此文件。 简单地说，我怎样才能做到这
我正在为 Android 开发一个应用程序，它使用 Dropbox 来组织文件。我正在探索 Dropbox API，但它的描述和帮助是有限的，因为没有 Dropbox API 的文档。 我仍然希望通过
我的 android 应用程序中有一个文件列表，我希望能够获取选定的项目并通过电子邮件或任何其他共享应用程序发送它们。这是我的代码。 Intent sendIntent = new Intent();
我想知道如何在 Flutter 应用中共享文件？ 我看到了一些关于将 Intents 与 mojo 结合使用的旧引用，但似乎不再存在。这似乎是我们应该能够以跨平台方式处理的标准功能(显然 ios 和
如果没有相关文件，我希望从共享位置(绝对路径)提供默认的 robots.txt 文件。 我试过了，但运气不好: location = /robots.txt { expires 30d;
我使用 flutter-darts 创建了 QR码生成应用程序。除了共享部分，其他一切都很好。我使用以下代码共享了我生成的 png图像。 Future _captureAndSharePng() as
我用下面的代码分享一张图片，图片类型是png就可以了。但我很惊讶，如果图像类型是 jpeg，它仍然可以。为什么？谢谢! Intent sharingIntent = new Intent(Intent
我想知道如何使用 drive-sdk 和 python 与用户共享文件。我一直在使用下面的代码，但它不会与指定用户共享文件，也不会产生错误: ... Permission = { 'value':
我正在尝试制作一个应用程序，要求用户选择一个图像文件，然后通过 Intent 将其发送到另一个应用程序(在这种情况下是 Whatsapp，但这应该适用于其他应用程序) 我这样做是为了请求文件: In
我使用来自“react-native”的{Share}。我成功分享了消息，没问题。 现在，我动态生成 PDF 并将其保存在本地。是否可以像共享 URL 一样共享 PDF？我没有找到解决方案。 想了想，
我们有一套应用程序依赖于外部存储上的目录/文件共享。我目前已选择退出 Android 10 操作系统对范围的更改 (requestLegacyExternalStorage)，但这即将消失，我花了很多
我使用 TypeScript 通过面向对象编程对我的 javascript 文件进行编码。我想使用 Node 模块 https://npmjs.org/package/typescript-requi
我有一些文件想与任何应用程序共享。我用这个代码 var fileDAta = NSData.FromFile(path); UIActivityViewController activityViewC
我正在运行 docker 容器。在那里运行 arch linux。 在容器内，我有一些文件夹/文件，我想从我的 MAC 访问它们。 我正在使用 samba 共享将容器中的文件共享到我的 MAC。到目前
我曾经写过这样的代码，在使用instruments的时候，发现内存泄露。 NSURL *filePath = [NSURL fileURLWithPath:path];
我一直在关注 Google 的文档以在云端硬盘上共享文件:Share Files 如果我从 Google 云端硬盘界面上传文件到 Google 云端硬盘，然后尝试从我的网络应用程序共享此文件，我会在我
我是一名优秀的程序员,十分优秀！