用于移动safari的html5网络应用程序，用于从Photos.app上传图像？

Posted 2021-05-06

是否可以编写专为ios设备（iPad，iPhone，iPod Touch）设计的html5 Web应用程序，它允许用户从文件系统上传图像？

想象一下，通过网络应用程序将新照片上传到您的Twitter头像。

答案

更新：iOs 6 Safari将支持从照片库上传视频和图像。

====

我讨厌这个词，但是，这是不可能的（现在）。原因如下：

1）移动safari不支持上传任何东西。

2）移动safari无法访问ios组件（实际上它可以，但只能通过phonegap）

另一答案

仅适用于iOS> = 6

<input type="file" accept="image/*" capture>

“捕获”不会改变iOS的任何内容，但它仍然对其他设备有用（显然是androids，请参阅注释）。

另一答案

解决这个问题的另一种方法是给用户一个私人电子邮件地址，他们可以通过电子邮件将照片发送给自动上传（例如照片+ [e-mail]）。

设置更多工作，但将为所有设备上的用户提供一致的体验（非移动用户也可能觉得它很方便）。

另一答案

我喜欢http://picupapp.com的picup解决方案

另一答案

我找到了一个可以接受的工作。在页面上添加一个mailTo链接，其中包含预定义的说明，向用户显示如何将图像从相机胶卷粘贴到电子邮件中。然后，编写一个作业/脚本，侦听该收件箱中的入站电子邮件，剥离图像并进行相应处理。

它并不完美，但是他们点击了safari中的链接，然后只需要去照片，复制并回到你的应用程序。在我的手机上试用之后，这不仅仅是一个可以接受的工作，它让我无需编写应用即可继续前进。

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:[e-mail]?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email.  We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>

另一答案

您可以在iOS 6以上使用safari上传照片。虽然以上的解决方法仍然是iOS 5及以下版本的必要条件。

另一答案

另一个原生iOS应用程序（类似于Picup或iphone-photo-picker）是Aurigma Up。

另一答案

我刚想到的一个想法是有一个用户可以粘贴网址的文本框，允许用户使用dropbox或类似的应用程序并复制dropbox文件的公共URL。然后服务器就可以从Dropbox服务器下载。

我需要支持除图像之外的文件类型，所以听起来像picupapp对我不起作用。

另一答案

iOS 6.0上的Safari是第一个通过以下方式添加对<input type="file">的支持：

• 拍摄新视频或照片
• 从库中选择视频或照片

以下是它在iOS10上的外观：

iOS9 introduced iCloud Drive and More options including Dropbox。 iOS 6到8只有前两个选项。

您可以使用accept="image/*"属性将文件类型限制为仅照片：

<input type="file" accept="image/*" >将选项仅限于照片：

在Android方面，Android 2.2+是第一个支持上述代码的。

免责声明：图片由Pipe提供，我负责处理视频录制，我是CTO

另一答案

如果您仍在使用iOS5，请考虑使用iCab Mobile。得到它我的ipad和（至少对我来说）文件上传工作正常。

问候，Piotr