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)

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

相关推荐
qq_316837751 天前
uniapp + Vite + ffmpeg-wasm 0.12.x 集成示例
ffmpeg·uni-app·wasm
游戏开发爱好者81 天前
开心上架是什么,一站式 Apple 开发者工作台总览
android·小程序·https·uni-app·iphone·webview
年年CODE1 天前
uni-app 实现 AI 流式问答:H5 EventSource 与微信小程序 onChunkReceived 的兼容方案
uni-app
风月说与山鬼1 天前
七、uni-app页面与组件生命周期
前端·uni-app
PedroQue991 天前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
风月说与山鬼2 天前
十、uni-app路由跳转
前端·uni-app
梦曦i2 天前
RouterLink H5端控制台错误修复
前端·uni-app
Liu.7742 天前
UniApp 设置全局字体样式和背景色
uni-app
00后程序员张2 天前
Windows / Linux / Mac 上不用 Xcode 把 IPA 上传到 App Store,upload 命令详解
android·ios·小程序·https·uni-app·iphone·webview
风月说与山鬼2 天前
八、uni-app页面调用接口
uni-app