uniapp 读取本地文件

uniapp 读取本地文件

介绍

开发中需要将一些固定配置保存到一个配置文件中,在static 下面创建了一个data.json文件

uniapp 有时候可能需要读取本地的json配置文件或者其他一些文件,晚上找了几个教程不管用,最后还是在官网找到了介绍

实现代码

js 复制代码
	read() {
				var _that = this
				plus.io.resolveLocalFileSystemURL('/static/data.json', function(entry) {
					entry.file(function(file) {
						var fileReader = new plus.io.FileReader();
						fileReader.readAsText(file, 'utf-8');
						fileReader.onloadend = function(evt) {
							console.log(evt.target.result);
							_that.list = JSON.parse(evt.target.result)
							fileReader.abort()
						}
					});
				}, function(e) {
					console.log("Resolve file URL failed: " + e.message);
				});
			},

代码很简单,就不做介绍了

官网介绍

uni.getFileSystemManager() | uni-app官网 (dcloud.net.cn)

h5产业联盟介绍

HTML5+ API Reference (html5plus.org)

具体介绍都能看到,有代码和示例很简单

相关推荐
coder阿龙3 分钟前
【UNIAPP】获取视频的第一帧作为封面(基于视频URL,Canvas)复制即用
前端·uni-app·音视频
堕落年代2 小时前
Uniapp使用地图的时候滑动上层的view地图也滑动
uni-app
晓风伴月2 小时前
Trae AI 辅助修复uniapp 微信小程序的Bug
uni-app·bug·trae
今天的接口写完了吗?13 小时前
uniapp 自定义地图组件(根据经纬度展示地图地理位置)
前端·javascript·uni-app
小钟H呀15 小时前
Uniapp实现多种文件类型上传
uni-app·notepad++
博主逸尘15 小时前
uniApp实战三:自定义插件的实现
uni-app·插件开发
weixin_4222013015 小时前
Uniapp组件 Textarea 字数统计和限制
uni-app·统计·限制·输入框·textarea
小段hy15 小时前
uni-app中,调用收货地址方法 uni.chooseAddress()不生效的问题
uni-app
程序员王天16 小时前
微信H5登录怎么实现?uniapp+node.js一篇搞定! 附完整代码
前端·微信·uni-app
Echo-潔17 小时前
在 UniApp 中实现stream流式输出 AI 聊天功能,AI输出内容用Markdown格式展示
前端·uni-app·ai stream 流式输出