Answers:
更新: iOs 6 Safari将支持从照片库上传视频和图像。
====
我讨厌这个词,但是(现在)是不可能的。原因如下:
1)移动浏览器不支持上传任何内容。
2)手机浏览器无法访问ios组件(实际上可以,但是只能通过phonegap)
解决此问题的另一种方法是为用户提供一个私人电子邮件地址,他们可以将照片通过电子邮件发送到该地址以自动上传(例如,photos+abc123@yoursite.com)。
要做更多的工作,但可以为所有设备上的用户提供一致的体验(非移动用户也可能会觉得方便)。
我找到了可以接受的解决方案。在页面上添加带预定义说明的mailTo链接,该链接向用户显示如何将其胶卷中的图像粘贴粘贴到电子邮件中。然后,编写一个作业/脚本,侦听该收件箱中的入站电子邮件,剥离图像并进行相应处理。
这并不完美,但是他们点击了野生动物园的链接,然后只需要转到照片,复制并返回到您的应用即可。在手机上尝试过之后,它不仅可以接受,而且可以让我无需编写应用即可继续前进。
<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>
另一个本机iOS应用程序(类似于Picup或iphone-photo-picker)是Aurigma Up。
<input type="file">
通过允许您执行以下操作,iOS 6.0上的Safari是第一个添加支持的功能:
这是在iOS10上的外观:
iOS9引入了iCloud Drive和包括Dropbox在内的更多选项。iOS 6至8仅具有前两个选项。
您可以使用accept="image/*"
属性将文件类型限制为仅照片:
<input type="file" accept="image/*" >
会将选项限制为仅照片:
在Android方面,Android 2.2+是第一个支持以上代码的应用。
免责声明:图片由Pipe提供,在我是CTO的地方处理视频记录
如果您仍在使用iOS5,请考虑使用iCab Mobile。为我的iPad装上它,并且(至少对我来说)文件上传工作正常。
问候,皮奥特
仅适用于iOS> = 6
<input type="file" accept="image/*" capture>
“捕获”在iOS上不会发生任何变化,但对于其他设备(显然是Android,请参见注释)仍然有用。
capture="camera"
(字符串)已capture="capture"
在W3C候选推荐书中替换。在这两种情况下,它仅适用于Android。