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);
			});
相关推荐
web小白成长日记2 分钟前
前端让我明显感受到了信息闭塞的恐怖......
前端·javascript·css·react.js·前端框架·html
GIS之路32 分钟前
GDAL 实现创建几何对象
前端
liulilittle1 小时前
CLANG 交叉编译
linux·服务器·开发语言·前端·c++
自信阿杜1 小时前
跨标签页数据同步完全指南:如何选择最优通信方案
前端·javascript
牛马1111 小时前
WidgetsFlutterBinding.ensureInitialized()在 Flutter Web 端启动流程的影响
java·前端·flutter
Captaincc1 小时前
2025: The year in LLMs
前端·vibecoding
宠友信息1 小时前
面向多端部署的社区平台技术方案:uniapp 与java微服务架构的工程化实践
java·微服务·微信·架构·uni-app·springboot
指尖跳动的光1 小时前
Vue的nextTick()方法
前端·javascript·vue.js
码事漫谈2 小时前
可能,AI早都觉醒了
前端
qq_406176142 小时前
JS 事件循环(Event Loop)
开发语言·前端·javascript