uniapp图片base64保存本地

最新推荐文章于 2024-09-14 17:02:42 发布

残阳曦月

最新推荐文章于 2024-09-14 17:02:42 发布

阅读量1.5k

点赞数 1

分类专栏： App安卓/iOS开发/小程序文章标签： uni-app javascript vue

本文链接：https://blog.csdn.net/Jo_liver/article/details/134275466

版权

App安卓/iOS开发/小程序专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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
}