uexImageBrowser / 图片浏览

本文档部分API缺少示例代码，诚挚的邀请你参与到示例代码的编写中来，你可以在代码中发布2行自定义注释，内容自拟。有意者可与刺鸟联系（QQ：4041990 Q群：7702175）

功能列表: 返回首页; 常用代码; 获取插件激活码 new!; 常见问题整理

API简介

uexImageBrowser对象封装了选取本地图片，查看网络或本地图片集的功能。

接口说明

方法	说明
uexImageBrowser.open(imageUrlSet,activeIndex,showFlag)	打开图片浏览界面，浏览传入图片路径的代表的图片。
uexImageBrowser.pick()	打开系统图片库浏览所有本地图片列表,供选取并返回路径。
uexImageBrowser.cbPick(opId,dataType,data)	uexImageBrowser.pick的回调方法。
uexImageBrowser.save(inImgPath)	不启动图片浏览器的时候，可以将图片保存到系统相册（不支持网络保存）,即若需要实现把网络图片保存到相册中，要两个步骤，第一步先把图片保存到本地目录；第二步使用此方法把本地图片拷贝到相册中。
uexImageBrowser.cbSave(opId,dataType,data)	uexImageBrowser.save的回调方法。
uexImageBrowser.cleanCache()	清除图片缓存。

open(imageUrlSet,activeIndex,showFlag) ▲

参数名称	描述
imageUrlSet	图片url的数组，支持的文件路径协议:wgt://… ,file://…,http://…
activeIndex	当不用九宫格方式显示时，当前要显示的图片在集合中的索引，该索引从0开始，若索引值小于或大于imageUrlSet中的元素个数，否则默认显示第一张图片
showFlag	图片显示的方式，是否用九宫格方式显示。"0"或""：表示九宫格方式，"1"：表示直接显示

cbPick(opId,dataType,data) ▲

参数名称	描述
opId	操作ID，在此函数中不起作用，可忽略。
dataType	返回数据的数据类型为uex.cText(值为0)。
data	返回选择的图片文件在SDCARD上的路径(绝对路径)

save(inImgPath) ▲

参数名称	描述
inImgPath	本地图片文件的路径（只支持wgt://,file://）

cbSave(opId,dataType,data) ▲

参数名称	描述
opId	操作ID，在此函数中不起作用，可忽略。
dataType	返回数据的数据类型为uex.cInt(值为2)。
data	返回表示保存是否成功；0表示保存成功，1表示保存失败

// 本代码由寒暄提供，如有bug请和寒暄联系（QQ：457696322 Q群：7702175）
<!DOCTYPE html>
<html>
<head>
<title>AppCan API uexImageBrowser</title>
<meta charset='utf-8'>
<script>
window.uexOnload = function(type){
    if(!type){
        uexWidgetOne.onError=function(opCode,errorCode,errorDesc){
            console.log(errorCode+':'+errorDesc);
        }
    }
}
function $$(id){
    return document.getElementById(id);
}
function openImage(i){
    var imgarr = ['http://a.hiphotos.baidu.com/image/w%3D2048/sign=0c06965ad788d43ff0a996f24926d21b/4afbfbedab64034f88f5f329aec379310a551de0.jpg','http://h.hiphotos.baidu.com/image/w%3D2048/sign=6f71a3b4269759ee4a5067cb86c34216/5ab5c9ea15ce36d3b2b244893af33a87e850b1d1.jpg'];
    /*参数1须为图片url的数组*/
    uexImageBrowser.open(imgarr, i, 1);
}
function openBrowser(){
    uexImageBrowser.cbPick=function (opCode,dataType,data){
        $$('imagePath').value = data;
        console.log('attachmentPath: '+data);
    }
    uexImageBrowser.pick();
}
function saveImage(){
    var inImgPath = $$('imagePath').value;
    uexImageBrowser.cbSave = function(opId,dataType,data){
        var str = data==0?'保存成功':'保存失败';
        console.log('result: '+str);
    }
    /*此参数应该为wgt://（或wgts://,file://）路径下的本地图片文件，不支持http://等网络路径*/
    uexImageBrowser.save(inImgPath);
}
function cleanCache(){
    uexImageBrowser.cleanCache();
}
</script>
</head>
<body>
    <div>
        <input type='button' value='打开图片1' onclick='openImage(0)'/>
        <input type='button' value='打开图片2' onclick='openImage(1)'/>
        <br>
        <input type='button' value='打开图片浏览器' onClick='openBrowser();' >
        <br>
        <input type='text' value='' id='imagePath' >
        <input type='button' value='保存图片' onclick='saveImage();'>
        <br>
        <input type='button' value='清除图片缓存' onclick='cleanCache();'>
    </div>
</body>
</html>