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();
相关推荐
卷Java35 分钟前
饼状图修复总结
java·spring boot·uni-app·echarts
闲蛋小超人笑嘻嘻1 小时前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
2501_916007472 小时前
前端开发工具都有哪些?常用前端开发工具清单与场景化推荐
android·ios·小程序·https·uni-app·iphone·webview
2501_915909065 小时前
iOS 应用上架全流程解析,苹果应用发布步骤、ipa 上传工具、TestFlight 测试与 App Store 审核经验
android·macos·ios·小程序·uni-app·cocoa·iphone
茶憶6 小时前
uniapp 请求接口封装和使用
vue.js·uni-app
肥喵蒙太奇8 小时前
uniapp 使用towxml
uni-app
Nan_Shu_61420 小时前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
卷Java1 天前
小程序前端功能更新说明
java·前端·spring boot·微信小程序·小程序·uni-app
卷Java1 天前
小程序原生导航栏返回键实现
spring boot·云原生·微信小程序·uni-app
2501_915918411 天前
Video over HTTPS,视频流(HLSDASH)在 HTTPS 下的调试与抓包实战
网络协议·http·ios·小程序·https·uni-app·iphone