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

Question

是否可以编写专为iOS设备（iPad，iPhone，iPod Touch）设计的HTML5网络应用程序，以便用户从文件系统上传图像？

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

Answer 1

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

====

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

1）移动版Safari不支持上传任何内容。

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

Answer 2

解决此问题的另一种方法是为用户提供一个私人电子邮件地址，他们可以通过电子邮件将照片发送给自动上传（例如照片+ abc123@yoursite.com）。

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

Answer 3

我喜欢http://picupapp.com

的picup解决方案

Answer 4

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

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

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?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>

Answer 5

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

Answer 6

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

Answer 7

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

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

Answer 8

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提供处理我担任首席技术官的视频录制

Answer 9

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

问候，Piotr

Answer 10

仅适用于iOS＆gt; = 6

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

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