MUI使用H5+Api调取系统相册多图选择及转base64码

starsfun 发布于2019-08-22 11:20 / 547人阅读

摘要：如果设置的值非法则使用默认值。我们在点击是会使用来出来，会得到负值而导致使用默认值故在每次添加图片时进行判断，是否隐藏添加按钮

伟大的哲学家曾说过
“写代码，一定要翻文档”

这次我们需要用到的是调取系统相册进行多图上传，
先奉上html5+api关于系统相册的文档链接
链接:HTML5+ API Reference & gallery

首先一点，我们在使用5+Api前都需要在manifest.json文件中进行功能模块的添加，
当然用Hbuilder的话大部分模块都已在内，这里是关于相册的模块

{
// ...
"permissions":{
    // ...
    "Gallery": {
        "description": "系统相册"
    }
}
}

另外，5+Api需在plusReady事件之后

//mui封装的方法
mui.plusReady(function(){
    // ...
});
//5+写法
document.addEventListener( "plusready", function(){
    // ...
}, false );

进入正题，多图上传的核心代码为以下代码
我们可以设置多种参数，请查阅文档

// 从相册中选择图片 
function galleryImg() {
    // 从相册中选择图片
    console.log("从相册中选择图片:");
    plus.gallery.pick( function(path){
        console.log(path);
    }, function ( e ) {
        console.log( "取消选择图片" );
    }, {filter:"image"} );
}

以下是多图上传的demo
请在包含配置文件和mui css及js项目中打开
iOS模拟器调试会闪退，真机不会，具体原因未知

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92228.html

MUI使用H5+Api调取系统相册多图选择及转base64码

摘要：如果设置的值非法则使用默认值。我们在点击是会使用来出来，会得到负值而导致使用默认值故在每次添加图片时进行判断，是否隐藏添加按钮伟大的哲学家曾说过写代码，一定要翻文档这次我们需要用到的是调取系统相册进行多图上传，先奉上html5+api关于系统相册的文档链接链接:HTML5+ API Reference & gallery 首先一点，我们在使用5+Api前都需要在manifest.j...

kidsamong 2019-08-01 18:14 评论0 收藏0
MUI使用H5+Api调取系统相册多图选择及转base64码

摘要：如果设置的值非法则使用默认值。我们在点击是会使用来出来，会得到负值而导致使用默认值故在每次添加图片时进行判断，是否隐藏添加按钮伟大的哲学家曾说过写代码，一定要翻文档这次我们需要用到的是调取系统相册进行多图上传，先奉上html5+api关于系统相册的文档链接链接:HTML5+ API Reference & gallery 首先一点，我们在使用5+Api前都需要在manifest.j...

AdolphLWQ 2019-08-29 14:05 评论0 收藏0
雪碧图sprity 合并多图使用心得

摘要：介绍是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件，支持图，可以内嵌编码格式的图，支持不同的图片格式和有不同的图片引擎可以选择。介绍 sprity 是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件，支持retina图，可以内嵌base64 编码格式的图，支持不同的图片格式和有不同的图片引擎可以选择。sprity 的前身是css-sp...

vboy1010 2019-08-28 18:29 评论0 收藏0