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

【问题标题】：A html5 web app for mobile safari to upload images from the Photos.app?一个用于移动 safari 的 html5 网络应用程序，用于从 Photos.app 上传图像？
【发布时间】：2011-04-22 22:52:26
【问题描述】：

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

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

【问题讨论】：

标签： iphone html file-upload ios mobile-safari

【解决方案1】：

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

====

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

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

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

【讨论】：

你说得对，这是一个可恨的词！我的研究表明了同样的事情，我无法忍受它，所以在这里问。不过感谢您的回答。
我不明白的是，为什么苹果不让图片/视频文件夹暴露，而不是害怕暴露整个系统。
iOS Safari 文档的任何链接，以参考如何在 iOS 中实现图像上传？谢谢！
啊！它会自动完成。没有麻烦:)
您能否发布一些使用 HTML 5 在 ios Safari 浏览器中上传文件的代码？

【解决方案2】：

仅适用于 iOS >= 6

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

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

【讨论】：

capture="camera"（字符串）已在 W3C 候选推荐中替换为 capture="capture"。在这两种情况下，它都只适用于 Android。
@OctavianNaicu 是有道理的。我已经编辑了回复。感谢您的信息

【解决方案3】：

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

【讨论】：

【解决方案4】：

如果您仍在使用 iOS5，请考虑使用iCabMobile。为我的 ipad 得到它，并且（至少对我而言）文件上传工作正常。

问候，皮奥特

【讨论】：

【解决方案5】：

您将能够在 iOS 6 及更高版本中使用 Safari 上传照片。尽管对于 iOS 5 及更低版本仍然需要上述解决方法。

【讨论】：

你有什么关于在 iOS 6 上做的说明吗？

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

我需要支持图片以外的文件类型，所以听起来 picupapp 不适合我。

【讨论】：

【解决方案8】：

我找到了一个可以接受的解决方法。在页面上添加一个带有预定义说明的 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>

【讨论】：

这对你来说更容易接受，因为你知道这些限制——我很想看到非开发人员对这样的应用程序的反应。这是一种有趣的方法，它依赖于用户已经熟悉的另一种方法 - 它可能也适用于我正在尝试做的事情。
是的。这是个好主意。必须有一个脚本来解析附件。 Zend 框架为此提供了一些不错的组件。

【解决方案9】：

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

【讨论】：

有a tutorial for that。 Picup 的一个问题是它会将图像上传到第 3 方服务器 (imgur.com)，这会产生很多许可/隐私问题。 Imgur 的服务条款基本上说他们拥有该图像，您不能将其用于商业目的。
@Ian Dunn：Picup 可以配置为将图像上传到您喜欢的任何 URL。 Imgur 只是默认设置。

【解决方案10】：

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

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

【讨论】：

我想知道如何做到这一点，我的意思是，用户发送带有附件、照片或视频的电子邮件，我如何提取该信息并将其保存到数据库并将相关信息发布到正确的地方，照片到图像文件夹和视频到视频文件夹......必须已经有一个脚本可以做到这一点......或类似的东西......
@Tanker 是的，您的应用程序必须定期检索电子邮件、获取附件并保存更改。我过去曾为此使用过ChilKat 电子邮件库，尽管我会警告您，它在 32/64 位之间并不总是能很好地编译（对我来说 -ymmv）。