当前位置:首页 > uni-app

uniapp 文件读写

2026-03-05 01:44:13uni-app

uniapp 文件读写操作指南

文件系统基础

uniapp的文件系统基于HTML5的File API和微信小程序等平台的本地文件系统能力。不同平台的文件读写方式略有差异,需注意平台兼容性。主要涉及临时文件、本地文件和沙盒文件系统。

选择文件

使用uni.chooseFile方法从设备选择文件:

uni.chooseFile({
  count: 1,
  success: (res) => {
    const tempFilePaths = res.tempFilePaths;
    console.log('文件路径:', tempFilePaths[0]);
  }
});

参数count控制选择文件数量,返回的tempFilePaths为临时文件路径数组。

读取文件内容

通过uni.getFileSystemManager().readFile读取文件:

uniapp 文件读写

const fs = uni.getFileSystemManager();
fs.readFile({
  filePath: tempFilePath,
  encoding: 'utf8',
  success: (res) => {
    console.log('文件内容:', res.data);
  }
});

设置encoding参数可指定编码格式(如base64utf8)。

写入文件

使用uni.getFileSystemManager().writeFile写入文件:

fs.writeFile({
  filePath: `${wx.env.USER_DATA_PATH}/example.txt`,
  data: 'Hello uniapp',
  encoding: 'utf8',
  success: () => {
    console.log('写入成功');
  }
});

wx.env.USER_DATA_PATH为微信小程序的用户目录路径,其他平台需使用对应路径常量。

uniapp 文件读写

文件操作

  • 删除文件

    fs.unlink({
      filePath: filePath,
      success: () => {
        console.log('删除成功');
      }
    });
  • 文件信息

    fs.stat({
      path: filePath,
      success: (res) => {
        console.log('文件大小:', res.size);
      }
    });

注意事项

  1. iOS和Android平台的文件系统权限不同,需在manifest.json中配置所需权限。
  2. 临时文件路径在应用关闭后可能失效,重要文件应保存到持久化目录。
  3. H5端受浏览器安全限制,某些操作需用户主动触发。

跨平台兼容方案

推荐使用uni.saveFile保存持久化文件:

uni.saveFile({
  tempFilePath: tempFilePath,
  success: (res) => {
    console.log('保存路径:', res.savedFilePath);
  }
});

该方法会自动处理各平台的路径转换问题。

标签: 文件uniapp
分享给朋友:

相关文章

uniapp 消息推送

uniapp 消息推送

uniapp 消息推送实现方法 使用uniPush服务 uniapp官方提供了uniPush服务,支持iOS、Android及小程序平台的消息推送。需要在manifest.json中配置推送模块,并按…

uniapp前端页面

uniapp前端页面

Uniapp 前端页面开发指南 Uniapp 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端部署(H5、小程序、App等)。以下是开发 Uniapp 前端页面的关键方法和注意事项。…

uniapp使用axios无法请求

uniapp使用axios无法请求

uniapp中使用axios请求问题解决方案 在uniapp中使用axios可能会遇到跨域、请求失败或兼容性问题。以下是常见原因及解决方法: 检查axios安装与引入 确保已正确安装axios:…

精通uniapp

精通uniapp

掌握UniApp的基础知识 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(如H5、小程序、App等)。核心概念包括Vue语法、组件化开发、条件编译(针对不同平台适配)以及U…

海康 uniapp

海康 uniapp

海康威视与UniApp集成方案 海康威视的硬件设备(如摄像头、NVR等)与UniApp结合,通常需要通过海康的开放平台API或SDK实现功能调用。以下是具体实现方法: 获取海康威视开放平台权限 注册…

uniapp 美颜

uniapp 美颜

uniapp 美颜实现方法 在uniapp中实现美颜功能可以通过多种方式完成,以下是一些常见的方法: 使用原生插件 uniapp支持调用原生插件实现美颜效果,适用于对性能要求较高的场景。需要开发原…