html5+gallery-系统相册解析
html5+ gallery-相册
gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。
方法:
pick: 从系统相册选择文件(图片或视频) save: 保存文件到系统相册中
对象:
galleryoptions: json对象,从相册中选择文件的参数 galleryfilter: 相册选择文件过滤类型 popposition: json对象,弹出拍照或摄像界面指示位置
回调方法:
gallerypicksuccesscallback: 单选系统相册图片成功的回调 gallerymultiplepicksuccesscallback: 多选系统相册图片成功的回调 gallerysuccesscallback: 操作系统相册成功的回调 galleryerrorcallback: 系统相册操作失败的回调
权限:
5+功能模块(permissions)
{
// ...
"permissions":{
// ...
"gallery": {
"description": "系统相册"
}
}
}
galleryoptions
json对象,从相册中选择文件的参数
属性:
animation: _(boolean 类型 )_是否显示系统相册文件选择界面的动画
是否显示系统相册文件选择界面的动画,可取值true、false,默认值为true。
filename: _(string 类型 )_选择文件保存的路径
某些系统不能直接使用系统相册的路径,这时需要将选择的文件保存到应用可访问的目录中,可通过此参数设置保存文件的路径。 如果路径中包括文件后缀名称,则表明指定文件路径及名称,否则仅指定文件保存目录,文件名称自动生成。
filter: _(galleryfilter 类型 )_相册中选择文件类型过滤器
系统相册选择器中可选择的文件类型,可设置为仅选择图片文件(“image”)、视频文件(“video”)或所有文件(“none”),默认值为“image”。
maximum: _(number 类型 )_最多选择的图片数量
仅在支持多选时有效,取值范围为1到infinity,默认值为infinity,即不限制选择的图片数。 如果设置的值非法则使用默认值infinity。
multiple: _(boolean 类型 )_是否支持多选图片
可从系统相册中选择多张图片,选择图片后通过gallerymultiplepicksuccesscallback回调返回选择的图片。
onmaxed: _(function 类型 )_超过最多选择图片数量事件
使用相册多选图片时,可通过maximum属性设置最多选择的图片数量,当用户操作选择的数量大于此时触发此事件。
popover: _(popposition 类型 )_相册选择界面弹出指示区域
对于大屏幕设备如ipad,相册选择界面为弹出窗口,此时可通过此参数设置弹出窗口位置。 其为json对象,格式如{top:“10px”,left:“10px”,width:“200px”,height:“200px”},所有值为像素值,左上坐标相对于容器的位置,默认弹出位置为屏幕居中。
selected: _(array[ string ] 类型 )_已选择的图片路径列表
仅在多图片选择时生效,相册选择界面将选中指定的图片路径列表。 如果指定的路径无效,则忽略此项;如果指定的路径数超过maximum属性指定的最大选择数目则超出的图片不选中。
system: _(boolean 类型 )_是否使用系统相册文件选择界面
设置为true时,如果系统自带相册选择控件时则优先使用,否则使用5+统一相册选择控件;设置为false则不使用系统自带相册选择控件,直接使用5+统一相册选择界面。 默认值为true。
galleryfilter
相册选择文件过滤类型
属性:
“image”: _(string 类型 )_仅可选择图片文件
“video”: _(string 类型 )_仅可选择视频文件
“none”: _(string 类型 )_不过滤,可选择图片或视频文件
popposition
json对象,弹出拍照或摄像界面指示位置
属性:
top: _(string 类型 )_指示区域距离容器顶部的距离
弹出拍照或摄像窗口指示区域距离容器顶部的距离,单位支持像素值(如"100px")和百分比(如"50%"),如不写单位则为像素值值。
left: _(string 类型 )_指示区域距离容器左侧的距离
弹出拍照或摄像窗口指示区域距离容器左侧的距离,单位支持像素值(如"100px")和百分比(如"50%"),如不写单位则为像素值。
width: _(string 类型 )_指示区域的宽度
弹出拍照或摄像窗口指示区域的宽度,单位支持像素值(如"100px")和百分比(如"50%"),如不写单位则为像素值。
height: _(string 类型 )_指示区域的高度
弹出拍照或摄像窗口指示区域的高度,单位支持像素值(如"100px")和百分比(如"50%"),如不写单位则为像素值。
gallerypicksuccesscallback
单选系统相册图片成功的回调
void onsuccess( file ) {
// success code
}
说明:
系统相册中单选图片或视频文件成功的回调函数,在选择文件操作成功时调用。
参数:
file: ( string ) 必选 选择的图片或视频文件路径
返回值:
void : 无
gallerymultiplepicksuccesscallback
多选系统相册图片成功的回调
void onsuccess( event ) {
// pick success
var files = event.files; // 保存多选的图片或视频文件路径
}
说明:
系统相册中多选图片或视频文件成功的回调函数,在多选择文件操作成功时调用。
参数:
event: ( event ) 必选 多选系统相册返回数据
event对象包含以下属性: files - 字符串数组,保存多选的图片或视频文件路径。
返回值:
void : 无
gallerysuccesscallback
操作系统相册成功的回调
void onsuccess() {
// success code
}
说明:
系统相册操作成功的回调函数,在保存文件到系统相册操作成功时调用。
参数:
无
返回值:
void : 无
galleryerrorcallback
系统相册操作失败的回调
void onerror( error ) {
// handle error
var code = error.code; // 错误编码
var message = error.message; // 错误描述信息
}
说明:
系统相册操作失败的回调函数,在选择或保存图片操作失败时调用。
参数:
error: ( exception ) 必选 相册操作失败的错误信息
可通过error.code(number类型)获取错误编码; 可通过error.message(string类型)获取错误描述信息。
返回值:
void : 无
gallery
拍照并保存到相册
从相册中单选图片
从相册中多选图片
从相册中多选图片(最多三张)
从相册中多选图片(保存勾选记录)
gallery模块管理系统相册,如从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。
上一篇: 羌族历史发展:关于羌族民间传说故事有哪些
下一篇: HTML页面实现鼠标无限滚动下拉教程