• uniapp图片base64保存本地


    uniapp图片base64保存本地

    亲测微信小程序,安卓 可用

    //保存图片
    saveImage(imgbase64url) {
    	// #ifdef MP-WEIXIN
    	let base64 = imgbase64url.replace(/^data:image\/\w+;base64,/, ""); //图片替换
    	let filePath = wx.env.USER_DATA_PATH + `/qrcode_id_${new Date().getTime()}.png`;
    	uni.getFileSystemManager().writeFile({
    		filePath: filePath, //创建一个临时文件名
    		data: base64, //写入的文本或二进制数据
    		encoding: 'base64', //写入当前文件的字符编码
    		success: (res) => {
    			uni.saveImageToPhotosAlbum({
    				filePath: filePath,
    				success: () => {
    					uni.showToast({
    						title: "图片保存成功,请到手机相册查看",
    						icon: "none",
    						duration: 5000
    					})
    				},
    				fail: (err) => {
    					console.log(err);
    					uni.showToast({
    						title: '图片保存失败',
    						icon: "none",
    						duration: 5000
    					})
    				}
    			})
    		},
    		fail: (err) => {
    			console.log(err)
    		}
    	})
    	// #endif
    	// #ifdef APP-PLUS
    	const bitmap = new plus.nativeObj.Bitmap("test");
    	bitmap.loadBase64Data(imgbase64url, function () {
    		const url = `_doc/qrcode_id_${new Date().getTime()}.png`; // url为时间戳命名方式
    		bitmap.save(url, {
    			overwrite: true,  // 是否覆盖
    			// quality: 'quality'  // 图片清晰度
    		}, (i) => {
    			uni.saveImageToPhotosAlbum({
    				filePath: url,
    				success: function () {
    					uni.showToast({
    						title: "图片保存成功,请到手机相册查看",
    						position: "center",
    						icon: "none",
    					})
    					bitmap.clear()
    				}
    			});
    		}, (e) => {
    			uni.showToast({
    				title: '图片保存失败',
    				icon: 'none'
    			})
    			bitmap.clear()
    		});
    	}, (e) => {
    		bitmap.clear()
    	});
    	// #endif
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65

    写在最后:发布收藏笔记
    Uniapp交流群:857064044

  • 相关阅读:
    LeetCode_链表的回文结构
    数据结构-图的应用
    详解两两交换链表中的节点
    Python判断一个整数是否是回文数的三种方法
    强化记忆的七种武器
    threehit二次注入案例
    candence画环形贴片焊盘
    openfeign
    搜索EE场景排序链路升级
    常见排序实现
  • 原文地址:https://blog.csdn.net/Jo_liver/article/details/134275466