vue套壳APICloud生成app 保存base64图片到本地相册

476 阅读1分钟

1.给图片点击事件 将base64转为图片

saveImageFunc() {
    var trans = api.require('trans'); // 引入apicloud提供的trans模块
    var that = this 		
    var img = this.imgUrl	        //本地生成的base64图片
    var string="data:image/png;base64,";	
    var base64Str=img.split(string);//生成图片时不能带string 所以要切割 这里重要 因为这里查坑很久

    trans.saveImage({
        base64Str: base64Str[1],//成为数组 
        imgPath: "fs://img/", // 图片路径
        imgName: "share.png", // 图片名字
        album:true//转换后的图片是否保存到系统相册
    }, function (ret, err) {
        if (ret.status) {
            // 拼接图片路径
            var imgN = api.fsDir + '/' + 'img' + '/' + 'share.png';
            // 保存图片到相册
            that.savePhoto(imgN);	//回调事件 
        } else {
            alert(JSON.stringify(err));
        }
    });
},

2.保存图片到本地相册

//保存图片到相册
savePhoto(imgN) {
    var that = this
    api.saveMediaToAlbum({
        path: imgN
    }, function (ret, err) {
        alert(ret.status)
        if (ret && ret.status) {
      		//成功之后 弹窗保存本地成功
            api.toast({
                msg: '保存成功',
                duration: 2000,
                location: 'middle'
            });
        } else {
            alert('保存失败');
        }
    });
},