uniapp开发,实现在App根目录保存文件

最近在开发某个app时,客户要求把导出的excel文件保存在根目录上,程序报错“"targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径。请更改为应用运行路径!”,解决方案如下:

<script module="download" lang="renderjs">	
	//native.js创建文件及删除文件
	let dir = '/图注';
	let pathUrl = '/图注/test.txt';
	// #ifdef APP-PLUS
	let environment = plus.android.importClass("android.os.Environment");
	var sdRoot = environment.getExternalStorageDirectory(); //文件夹根目录
	var File = plus.android.importClass("java.io.File");
	var BufferedReader = plus.android.importClass("java.io.BufferedReader");
	var FileReader = plus.android.importClass("java.io.FileReader");
	var FileWriter = plus.android.importClass("java.io.FileWriter");
	// #endif
	export default {
		data() {
			return {}
		},
		mounted() {},
		methods: {
			whiteFile(val) {
				let _this = this
				let res = val.template // 保存内容
				// #ifdef APP-PLUS
				res = res + ',';
				try {
					//不加根目录创建文件(即用相对地址)的话directory.exists()这个判断一值都是false
					console.log(sdRoot + dir)
					let directory = new File(sdRoot + dir);
					if (!directory.exists()) {
						console.log('创建目录')
						directory.mkdirs(); //创建目录
					}
					if (!directory.exists()) {
						console.log('创建目录失败')
					} else {
						console.log('创建目录成功')
					}
					pathUrl = val.fileName // 文件路径,注意和文件夹保持一致,从根目录开始
					console.log(sdRoot + pathUrl)
					let file = new File(sdRoot + pathUrl);



					console.log(file.exists())
					if (!file.exists()) {
						file.createNewFile(); //创建文件
					}
					let fos = new FileWriter(sdRoot + pathUrl, true);
					fos.write(res);
					fos.close();
					return true;
				} catch (e) {
					console.log(e);
					return false;
				}
				return false;
				//#endif
			}
		}
	}
</script>

uni-app中,Vue框架下实现自定义相机功能通常涉及到几个关键步骤: 1. **引入插件**: 首先,你需要安装uni-app提供的相机组件,可以通过npm或yarn添加`@dcloudio/uni-camera`。在项目根目录行命令: ``` npm install @dcloudio/uni-camera --save ``` 或者 ``` yarn add @dcloudio/uni-camera ``` 2. **注册组件**: 在`main.js`或`.vue`文件中,引入并注册`uni-camera`组件: ```javascript import Camera from '@/components/Camera.vue'; Vue.component('custom-camera', Camera); ``` 3. **在Vue组件中使用**: 创建一个新的Vue组件`Camera.vue`,并编写如下代码: ```html <template> <view class="camera-wrap"> <button v-on:click="openCamera">打开相机</button> <uni-camera :src="currentImage" :style="{width: '100%', height: '100%'}" :showControls="false" :autoCapture="true"></uni-camera> </view> </template> <script> export default { data() { return { currentImage: null, }; }, methods: { async openCamera() { try { const result = await uni.preview相机({ sourceType: 'camera', success: (res) => { this.currentImage = res.tempFilePath; // 图片路径 }, }); } catch (error) { console.error('Error opening camera:', error); } }, }, }; </script> ``` 4. **自定义样式**: 可以根据需求调整相机组件的样式和布局,例如隐藏控制按钮 (`:showControls="false"`) 和自动捕获 (`:autoCapture="true"`) 等。 5. **处理结果**: 当用户拍摄完照片或录制视频后,`preview`方法会返回一个包含临时文件路径的对象,你可以在这里处理拍摄后的操作,例如保存图片或上传到服务器。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值