实践是知识的母亲,知识是生活的明灯。这篇文章主要讲述用于移动safari的html5网络应用程序,用于从Photos.app上传图像?相关的知识,希望能为你提供帮助。
是否可以编写专为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,请参阅注释)。
另一答案解决这个问题的另一种方法是给用户一个私人电子邮件地址,他们可以通过电子邮件将照片发送给自动上传(例如照片+ abc1212@yoursite.com)。
设置更多工作,但将为所有设备上的用户提供一致的体验(非移动用户也可能觉得它很方便)。
另一答案我喜欢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: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 6以上使用safari上传照片。虽然以上的解决方法仍然是iOS 5及以下版本的必要条件。
另一答案另一个原生iOS应用程序(类似于Picup或iphone-photo-picker)是Aurigma Up。
另一答案我刚想到的一个想法是有一个用户可以粘贴网址的文本框,允许用户使用dropbox或类似的应用程序并复制dropbox文件的公共URL。然后服务器就可以从Dropbox服务器下载。
我需要支持除图像之外的文件类型,所以听起来像picupapp对我不起作用。
另一答案iOS 6.0上的Safari是第一个通过以下方式添加对
<
input type="file">
的支持:- 拍摄新视频或照片
- 从库中选择视频或照片
文章图片
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
推荐阅读
- 使用Ion上传Android文件,但上传文件为空
- 如何使用wkhtmltopdf在PDF上添加新页面
- 如何在Windows的XAMPP中使用cmd提示符导入mysql数据库
- 如何使用CSS和jQuery禁用文档中的文本选择
- 如何使用自己的logo创建自定义加载栏
- 如何使用TinyMCE和Prism.js添加代码段
- 如何解决Xampp错误(启动Apache时,另一个应用程序(Skype)正在使用端口80)
- 如何创建与Skype交互的HTML链接(通话,聊天,查看个人资料,添加到联系人)
- HTML5 Accesskey属性(你可能不需要JavaScript即可添加键盘快捷键)