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_916007474 小时前
iOS和macOS应用程序性能分析和优化工具使用综合指南
android·macos·ios·小程序·uni-app·iphone·webview
2501_916007471 天前
深入理解HTTPS对称与非对称加密机制及Charles抓包实践
网络协议·http·ios·小程序·https·uni-app·iphone
小徐_23331 天前
AI 写 wot-ui 总在猜 API?我们把 Skills、MCP 和 CLI 都配好了
前端·uni-app·ai编程
Liu.7741 天前
uni-app 组件 uni-easyinput 常见 Bug 及解决方案
uni-app·bug
小徐_23332 天前
uni-app 项目别再从零搭了!3 个 Wot UI 起手模板怎么选?
前端·uni-app
蜡台2 天前
uniapp pdf文件预览组件
pdf·uni-app·合同·pdfh5
凡泰AI2 天前
如何借助MCP打通企业APP内部服务:从统一调用到小程序承接
小程序·uni-app·app·mpaas·mcp·小程序容器
华玥作者2 天前
uniapp 万条数据不卡顿:我写了个虚拟列表组件 hy-list,原生支持瀑布流
数据结构·uni-app·list·vue3
这是个栗子2 天前
uni-app 微信小程序开发:常用函数总结(一)
微信小程序·小程序·uni-app·getcurrentpages
宠友信息4 天前
消息序号如何保证即时通讯源码聊天记录稳定加载
java·spring boot·redis·python·mysql·uni-app