mui+hbuilder 将图片压缩并转变为base64 与改变图片尺寸大小来减小图片文件大小

酸奶吖！

于 2020-09-01 15:35:34 发布

阅读量3.9k

点赞数

分类专栏：图片文件压缩 vue' js 文章标签： javascript css vue.js html html5

本文链接：https://blog.csdn.net/qq_45375420/article/details/108343377

版权

本文介绍如何利用mui和hbuilder将图片压缩为base64格式，并调整图片尺寸，以减小文件大小。通过加载Bitmap对象，转换图片为base64数据，并进行字节处理以实现压缩。同时提供了打开相机和相册获取图片，以及自动生成不同尺寸图片的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//将图片压缩并转变为base64
convertImgToBase64:function(url,callback, bili){ //path绝对路径
var _this = this;
var bitmap = new plus.nativeObj.Bitmap(“test”); //test标识谁便取
// 从本地加载Bitmap图片
// alert(JSON.stringify(bitmap))
bitmap.load(url,function(){
var base4=bitmap.toBase64Data();
var datastr=base4.split(’,’,3);
_this.pics = [];
if(datastr.length>1){
_this.pics.push(datastr[1]);
}else {
_this.pics.push(datastr[0]);
}
_this.srcimg = “data:image/png;base64,”+ _this.pics[0];
var str = _this.srcimg.replace(‘data:image/png;base64,’, ‘’);
var equalIndex = str.indexOf(’=’);
if (str.indexOf(’=’) > 0) {
str = str.substring(0, equalIndex);
}
var strLength = str.length;
var fileLength = parseInt(strLength - (strLength / 8) * 2);
// 由字节转换为KB
var size = “”;
size =