DCloud MUI 中的HTML5+ 之简单调用系统相册

最新推荐文章于 2024-08-04 11:18:11 发布

F2E前端爱好者

最新推荐文章于 2024-08-04 11:18:11 发布

阅读量9.9k

点赞数 1

本文链接：https://blog.csdn.net/laike1355/article/details/51462866

版权

注意：

1.需要在 RUNTIME 模式下运行需要连接安卓机器进行调试方可调用系统相册

上代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
        document.addEventListener('plusready',function(){
            function savePicture(path){
                plus.gallery.save(path,function(){
                    plus.nativeUI.alert('保存图片成功！目录地址是：'+path);
                })

            }
            var lfs = null;//保留上次选择图片的列表
            //调用系统相册

            console.log("选择图片！");
            plus.gallery.pick(function(path){
                console.log(path);
                lfs = path.files;
                //savePicture(path);
            },function(e){
                console.log("取消图片！");
            },{filter:"none",multiple:true,maximum:3,system:false,onmaxed:function(){
                plus.nativeUI.alert('最多只能选择三个！')
            },popover:true,selected:lfs});

            //调用系统摄像头进行拍照

            var r = null;
            var cmr = plus.camera.getCamera(0);
            var res = cmr.supportedImageResolutions[0];
            var fmt = cmr.supportedImageFormats[0];
            cmr.captureImage(function(path){

            },function(err){

            },{resolution:res,format:fmt});



        },false)
    </script>
</head>
<body>

</body>
</html>