iOS 6 的 Safari 浏览器文件上传功能详解
2023-06-13 09:18:32 时间
iOS 6 给 Safari 浏览器带来的另外一个功能是文件上传,终于 Safari 终于支持 input 输入框的文件类型了,并且还支持 HTML媒体捕获(HTML Media Capture)。
上传单张图片或者视频
<input type="file">
效果如下:
可以选择直接拍照或者摄影,也可以从相册中选取。选好之后,iOS 上的 Safari 和其他浏览器不同是它显示图片的截图,而不是图片的临时名称。
上传多张图片或者视频
如果你想一次上传多张图片,可以使用 HTML5 一个叫做 multiple
的布尔属性,不过这个时候,就不能使用摄像头了。
<input type="file" multiple >
效果如下:
设置只上传图片或者视频
我们无法使用比如 capture="camcorder"
来强制使用摄像头,但是我们可以通过 accept
属性来设置我们只想拍照或者摄像:
<input type=file accept="video/*">
<input type=file accept="image/*">
效果如下:
只拍照: 只摄影:
Safari 文件上传功能总结
除了图片和视频之外,Safari 不支持其他文件上传,比如音频,PDF 等,也不支持直接在线视频。详细效果你可以在 iPhone 上访问本页来查看效果。
选择了照片和视频之后,当然是使用服务器语言对上传的文件进行处理,这个就不在这里讲了。
相关文章
- iOS小技能:文件预览、分享
- iOS 小技能:Method Swizzling (交换方法的IMP)
- 苹果iOS安装mobileconfig描述文件
- 如何最简洁的使用iOS 开发证书 和 Profile 文件
- iOS 获取本地图片尺寸_ios图片处理软件
- IOS开发之——Position和AnchorPoint(92)「建议收藏」
- Ios frida_frida
- iOS开发证书发布证书,推送证书,描述文件的生成总集(一)
- HBuilder X 连接苹果手机(IOS)详细教程。Windows: 连接iOS手机调试项目
- ios设备开发教程-利用app申请ios开发证书及描述文件
- Ios应用上传步骤
- 如何使用Xcode打包导出IPA文件并进行iOS应用内测,无需支付苹果开发者账号费用?
- AnyTrans for iOS for mac(ios数据传输管理工具)
- iOS设备是否越狱的判断代码详解手机开发
- iOS网络多线程 —实现网络加载图片详解手机开发
- IOS Plist文件操作之写入/读取/删除详解手机开发
- iOS对图像进行压缩代码详解手机开发
- IOS 定位CoreLocation代码详解手机开发
- ios打包ipa文件并上传到托管平台详解手机开发
- iOS项目生成静态库文件(.a)详解手机开发
- 基于Linux环境下iOS应用开发实践(linux下开发ios)
- iOS 不是 Linux,而是苹果独特操作系统(ios是linux吗)