html5+实现plus.io进行拍照和图片等获取

// 定义全局变量方便调试
var cmr = null;

// 监听 plusready 事件，确保 HTML5+ 环境准备就绪
document.addEventListener("plusready", function() {
    // 获取摄像头管理对象
    cmr = plus.camera.getCamera();
}, false);

/**
 * 1. 拍照函数
 */
function captureImage() {
    if (!cmr) {
        alert("摄像头未就绪");
        return;
    }

    var res = cmr.supportedImageResolutions[0]; // 获取支持的分辨率
    var fmt = cmr.supportedImageFormats[0];     // 获取支持的格式

    console.log("开始拍照...");
    
    cmr.captureImage(function(path) {
        // 成功回调：path 是拍照后的文件路径（通常是相对路径，如 "_doc/camera/123.jpg"）
        console.log("拍照成功，路径：" + path);
        
        // 【关键步骤】将路径转换为本地预览地址
        resolveFile(path);
        
    }, function(error) {
        // 失败回调
        console.log("拍照失败: " + error.message);
        if(error.code !== 11) { // 11 是用户取消操作，不需要弹窗
             alert("拍照失败: " + error.message);
        }
    }, {
        resolution: res,
        format: fmt
    });
}

/**
 * 2. 从相册选择函数
 */
function pickImageFromGallery() {
    console.log("打开相册...");
    
    plus.gallery.pick(function(path) {
        // 成功回调：path 是选择图片的路径
        console.log("选择成功，路径：" + path);
        
        // 相册返回的路径通常已经是绝对路径，但为了统一处理，
        // 依然建议走一遍 resolveFile，或者直接显示
        showImage(path); 
        
    }, function(error) {
        // 失败回调
        console.log("选择失败: " + error.message);
    }, {
        filter: "image", // 只选择图片
        multiple: false, // 单选
        system: false    // 尽量使用这种方式避免部分安卓机型兼容问题
    });
}

/**
 * 3. 【核心】利用 plus.io 将路径转换为可显示的 URL
 * @param {String} path - 原始路径 (如 _doc/...)
 */
function resolveFile(path) {
    // 通过URL参数获取目录对象或文件对象
    plus.io.resolveLocalFileSystemURL(path, function(entry) {
        
        // entry 是一个文件实体对象
        // entry.toLocalURL() 获取本地绝对路径 (file:///storage/...)
        // 这种路径可以直接赋值给 img src
        var localUrl = entry.toLocalURL(); 
        
        console.log("本地绝对路径：" + localUrl);
        
        // 显示图片
        showImage(localUrl);
        
        // 如果你需要读取文件内容上传（例如转 Base64 或读取 File 对象）
        // readFileEntry(entry); 

    }, function(e) {
        console.log("读取文件错误：" + e.message);
    });
}

/**
 * 辅助：在页面显示图片
 */
function showImage(url) {
    // 假设页面上有一个 img 标签 id="myImage"
    var img = document.getElementById("myImage");
    if (img) {
        img.src = url;
    } else {
        console.log("未找到图片元素，图片地址为：" + url);
    }
}

/**
 * 进阶：如果需要读取文件数据用于上传 (读取为 File 对象)
 */
function readFileEntry(fileEntry) {
    fileEntry.file(function(file) {
        // file 对象类似于 Web API 的 File，包含 name, size, type 等
        console.log("文件名：" + file.name);
        console.log("文件大小：" + file.size);
        
        // 配合 FileReader 读取内容
        var fileReader = new plus.io.FileReader();
        fileReader.readAsDataURL(file); // 比如转 base64
        fileReader.onloadend = function(evt) {
            console.log("Base64数据前缀：" + evt.target.result.substring(0, 50));
            // 这里可以将 evt.target.result 发送给服务器
        }
    });
}