vue H5app plus调取手机相册，限制图片大小，图片转base64

直接上代码

filmImg(){                      //移动端发送图片let _this = this plus.gallery.pick(function (path) {let fileimg = path.files[0]          //获取第一个图片urlplus.io.resolveLocalFileSystemURL(fileimg, function (entry) {  //通过图片URL参数获取目录对象或文件对象console.log('获取图片对象成功！')entry.getMetadata(function (metaData) {let imgSize = metaData.size / 1024          if(imgSize > 3072){           //判断图片大小是否大于 3M console.error('图片大小必须小于3M！');}else{_this.imgBase64(fileimg).then((res)=>{      //调用图片转base64方法console.log(res)                     //打印base64码})}           }, function () {console.error('获取图片大小失败！');});}, function () {console.error('获取图片对象失败！');});},function(e){console.log( "取消选择图片" );}, {filter:"image",multiple:true,maximum:1,system:false});    //设置 multiple 可以多选图片，设置 maximum 可以确定选择图片数量，system设置使用h5相册库
}

获取图片路径转base64码

imgBase64(path){            //移动端图片转换base64  , 异步处理function getBase64Image(img) {               //手机端转码格式方法var canvas = document.createElement("canvas"); // 创建一个canvascanvas.width = img.width;               // 设置对应的宽高canvas.height = img.height;var ctx = canvas.getContext("2d");      // 二维绘图环境ctx.drawImage(img, 0, 0, img.width, img.height);                            // 将图片画在画布上var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();    // 获取到图片的格式var dataURL = canvas.toDataURL("image/" + ext);                             // 得到base64 编码的 dataURL return dataURL; }return new Promise(function(resolve, reject) {      //使用Promise进行异步处理let image = new Image();//解决图片跨域问题image.crossOrigin = '';//设置图片路径image.src = path;//图片加载完后的回调函数,调用转码函数image.onload = function(){ resolve(getBase64Image(image)) }    })
}

vue H5app plus调取手机相册，限制图片大小，图片转base64相关推荐

android调取手机相册或打开相机选择图片并显示
作为一个android小白,自己想尝试写一个小项目,因此写个小博客记录一下自己的开发历程.这一篇记录自己学习调取手机相册以及打开相机选择图片并显示示例是采用PopupWindow弹出底部菜单,选择相 ...
android禁止弹出保存此图片,安卓手机相册总是出现陌生图片？教你彻底清除！...
原标题:安卓手机相册总是出现陌生图片?教你彻底清除! 各位小伙伴们在查看手机相册时,是否经常看见一些陌生图片呢?每次删除之后也还是会出现,这该如何解决?如果你也有这样的情况出现,可能是没有将手机中的这 ...
android打开手机相册获取真正的图片路径
版权声明:本文为博主原创文章,转载请注明地址. https://blog.csdn.net/huangxiaoguo1/article/details/79062341 根据打开相机返回的Uri ...
vue项目根据不同手机尺寸设置引入不同图片的功能
在改一个bug,要求根据不同手机来动态的引入不同的图片主要是小手机引入 2x的大手机引入3x的这里提到一个知识点retinajs 有兴趣的可以去看看英文官网链接中文链接 ...
小米手机相册选择并裁剪图片
/** * 裁剪原始的图片 */ public static final int PHOTOZOOM = 2; // 缩放 public static final int PHOTORESOULT = ...
vue 图片转base64的两种方法(包括h5+plus调取手机图片)
vue 图片转base64的两种方法(包括h5+plus调取手机图片) 1.获取图片文件对象进行转换(主要是对PC端的) 在main.js文件下添加全局方法 Vue.prototype.$base64 ...
微信小程序选择图片，读取手机相册或者相册
//点击图片选择手机相册或者电脑本地图片 changeAvatar: function(e) { var _this = this wx.chooseImage({ c ...
Python批量压缩图片大小并保存到相应的新文件夹,不覆盖源文件
网上下载的小姐姐套图合集因为原图非常大,一张图十几或者几十M,一套图下来总共可能上百G,所以需要批量压缩处理一下,虽然PS也可以办到,但是代码更灵活,写个Python程序处理了一下,讲每张图长宽缩为2 ...
前端Vue H5生成带二维码的分享海报，实现长按保存到手机相册
前端Vue H5生成带二维码的分享海报,实现长按保存到手机相册前言:关于H5分享海报的需求,经常会遇到,通常就是一个分享的二维码+分享文案,生成一张图片,供用户在手机上长按保存到手机,然后就可以将保 ...

vue H5app plus调取手机相册，限制图片大小，图片转base64

vue H5app plus调取手机相册，限制图片大小，图片转base64

vue H5app plus调取手机相册，限制图片大小，图片转base64相关推荐

最新文章

热门文章