uniapp,Anroid10+版本如何保存图片并删除

Android 10系统开始 进一步增强了平台功能,为外部存储设备上的应用和用户数据提供了更好的保护。作为这项工作的一部分,平台引入了进一步的改进,以简化向分区存储的转换。

为了让用户更好地控制自己的文件,保护用户隐私数据,并限制文件混乱情况,Android 11在分区存储基础上限制了应用访问其他应用的文件。

简言之:分区存储,不允许内存随意删除,只允许删除app以内的文件

具体的问题描述:适配Android10+设备注意事项 - DCloud问答

那如何实现存储图片以及删除图片呢:

1、存储图片

javascript 复制代码
		//预览时抓图并保存成图片文件---this.$refs.HCNet.NET_DVR_CapturePictureBlock为获取图片的方法,可根据实际情况替换
			NET_DVR_CapturePictureBlock() {
				// const filePath = plus.io.convertLocalFileSystemURL(`_doc/${fileName}`);
				var imagePath = plus.io.convertLocalFileSystemURL("_doc/" + new Date()
					.getTime() + ".png")
				console.log('图片的存储路径---------------', imagePath)
				var dic = {
					"lRealHandle": this.lRealHandle,
					"imagePath": imagePath
				}
				this.$refs.HCNet.NET_DVR_CapturePictureBlock(dic, (res) => {
					// console.log("预览时抓图并保存成图片文件:" + JSON.stringify(res))
					uni.saveImageToPhotosAlbum({
						filePath: imagePath
					})
				})
			},

2、删除图片:

javascript 复制代码
	//此处根据图片名称进行了图片筛选删除,可根据实际情况修改
readFile(historyData) {
				const folderPath = '_doc/';
				let startTime = new Date(historyData.taskStartTime).getTime(); // 起始时间戳
				let endTime = new Date(historyData.taskEndTime).getTime(); // 结束时间戳
				let aFileList = [];
				let list = []
				// that = this
				plus.io.resolveLocalFileSystemURL(
					folderPath, //指定的目录
					(entry) => {
						var directoryReader = entry.createReader(); //获取读取目录对象
						directoryReader.readEntries(
							(entries) => { //返回的是指定文件夹下的文件列表
								aFileList = entries
								aFileList.forEach(i => {
									if (/\./.test(i.name)) {
										let filenameA = i.name
										let dotIndex = filenameA.lastIndexOf('.'); // 获取最后一个点的索引
										let itemName = filenameA.slice(0, dotIndex);
										if (itemName >= startTime && itemName <= endTime) {
											this.delFile(i.name)
										}
									}
								})
							},
							(err) => {
								console.log("访问目录失败", err);
							});
					},
					(err) => {
						console.log("访问指定目录失败:" + err.message);
					});
			},


			delFile(fileName) {
				return new Promise((resolve, reject) => {
					let filePath = `_doc/${fileName}`
					plus.io.resolveLocalFileSystemURL(filePath, (entry) => {
						entry.remove(() => {
							// console.log('文件删除成功');
							resolve(); // 返回成功状态
						}, (error) => {
							console.error(`删除失败: ${error.code} - ${error.message}`);
							reject(error);
						});
					}, (error) => {
						console.error(`文件查找失败: ${error.code} - ${error.message}`);
						reject(error);
					});
				});
			},

另外,图片保存到本地,我实际在平板上看到的是白屏的图片,如果使用图片预览,就可以预览清楚了,预览代码:

javascript 复制代码
function previewImage() {
  const imagePath = '/storage/emulated/0/Android/data/uni.UNICDD06A7/apps/__UNI__CDD06A7/doc/1752030774848.png';

  uni.previewImage({
    current: imagePath, // 当前显示图片的链接
    urls: [imagePath]   // 预览图片的数组,可以包含多张图片
  });
}

// 调用预览图片函数
previewImage();
相关推荐
2501_916007471 天前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915918411 天前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
HebyH_1 天前
uniapp如何封装uni.request 全局使用
uni-app
随笔记2 天前
uniapp蓝牙连接设备并发送接收信息
javascript·uni-app·app
脑袋大大的2 天前
从“PPT动画”到“丝滑如德芙”——uni-app x 动画性能的“终极奥义”
前端·javascript·nginx·uni-app·uniapp·app开发·混合开发
随笔记2 天前
uniapp开发的app原生操作手机系统文件
前端·javascript·uni-app
于慨2 天前
uniapp上传文件
前端·uni-app
猫头_2 天前
uni-app 转微信小程序 · 避坑与实战全记录
前端·微信小程序·uni-app
iOS阿玮2 天前
凭一己之力干穿一个品牌,互联网+时代口碑比以前更重要了!
uni-app·app·apple
前端amanda2 天前
uniapp中uview组件中u-input格式化后赋值踩坑
前端·javascript·uni-app