当前位置: 移动技术网 > IT编程>网页制作>CSS > html5+gallery-系统相册解析

html5+gallery-系统相册解析

2018年11月01日  | 移动技术网IT编程  | 我要评论
html5+ gallery-相册 gallery模块管理系统相册,支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。 方法: pick

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模块管理系统相册,如从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网