uniapp读取项目本地文件/json文件/txt文件

uniapp读取项目本地文件/json文件/txt文件

文件必须放在static目录下

方法:

javascript 复制代码
/**
 * 访问static里面的文件
 * @param url 文件路径 必须在static目录下
 */
function localFetch(url) {
  return new Promise((resolve, reject) => {
	plus.io.resolveLocalFileSystemURL('_www/'+url, (entry) => {
		entry.file((file) => {
			const fileReader = new plus.io.FileReader();
			fileReader.onloadend = (evt) => {
				let data = evt.target.result;
				// console.log("成功......",data);
				//成功
				resolve(data);
			}
			fileReader.readAsText(file, 'utf-8');
			
			fileReader.onerror = (error)=>{
				//失败
				reject(error);
				console.error("fileReader.onerror", error);
			}
		});
		
	}, (error) => {
		console.error("发生了错误", error);
		//失败 uni.request的fail回调处理
		reject(error);
	});
	
  });
}

使用:

javascript 复制代码
            let path = "/static/test/config.json";
            
			readStaticFile(path).then(res=>{
				console.log("读取成功=========>",res);
			}).catch(error => {
			  console.error('请求失败:', error);
			});
相关推荐
2501_9159090613 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆与加固(源码 + 成品 + 运维一体化方案)
android·运维·ios·小程序·uni-app·iphone·webview
赵庆明老师14 小时前
Uniapp微信小程序开发:EF Core 中级联删除
uni-app
lijun_xiao200914 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
90后的晨仔14 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
杰克尼14 小时前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder14 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔14 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔14 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀14 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js
Javashop_jjj14 小时前
三勾软件| 用SpringBoot+Element-UI+UniApp+Redis+MySQL打造的点餐连锁系统
spring boot·ui·uni-app