微信小程序本地读取xls文件: 其中用到一个js-xlsx库:https://docs.sheetjs.com/docs/demos/frontend/vue/ , 主要思路是
1. 通过 wx.chooseMessageFile 上传文件,获得一个临时地址 tempFilePath 。
(这个地址不能当作文件路径,让js-xlsx库读取,const workbook = XLSX.readFile('临时路径'); 行不通 )
2.但是这个临时路径可以通过,微信api把二进制内容获取到,即:fileSystemManager.readFile() 。
3.获取到文件二进制了,可以通过js-xlsx库读取,
const wb = XLSX.read(arrayBuffer); const worksheet = wb.Sheets[wb.SheetNames[0]];
例子:
1.下载js-xlsx库引入到小程序里面。
<button capture-bind:tap="chooseFile">upload</button>
chooseFile(){ // 获取文件系统管理器 const fileSystemManager = wx.getFileSystemManager(); // 选择文件 wx.chooseMessageFile({ count: 1, type: 'file', success(res) { // 获取文件路径 const tempFilePath = res.tempFiles[0].path; console.log(tempFilePath); // 读取文件 fileSystemManager.readFile({ filePath: tempFilePath, success(readRes) { // 成功获取文件内容 console.log('文件内容:', readRes.data);//文件arrayBuffer //https://docs.sheetjs.com/docs/demos/frontend/vue const wb = XLSX.read(readRes.data); const worksheet = wb.Sheets[wb.SheetNames[0]]; const jsonData = XLSX.utils.sheet_to_json(worksheet); console.log(jsonData); }, fail(err) { // 读取文件失败处理 console.error('读取文件失败:', err); } }); }, fail(err) { // 选择文件失败处理 console.error('选择文件失败:', err); } }); },
结果:
百度搜索:
小程序获取本地存储文件在微信小程序中获取本地存储文件,可以使用wx.getFileSystemManager
获取文件系统管理器,然后使用readFile
方法读取本地存储的文件内容。
以下是一个示例代码:
// 获取文件系统管理器 const fileSystemManager = wx.getFileSystemManager(); // 选择文件 wx.chooseMessageFile({ count: 1, type: 'file', success(res) { // 获取文件路径 const tempFilePath = res.tempFiles[0].path; // 读取文件 fileSystemManager.readFile({ filePath: tempFilePath, encoding: 'utf-8', success(readRes) { // 成功获取文件内容 console.log('文件内容:', readRes.data); }, fail(err) { // 读取文件失败处理 console.error('读取文件失败:', err); } }); }, fail(err) { // 选择文件失败处理 console.error('选择文件失败:', err); } });
库:
https://docs.sheetjs.com/docs/demos/frontend/vue
所以思路能否,把文件小程序临时文件路径读取成 二进制数组 arraybuffer, 在交给 SheetsJS库处理 .
标签:文件,const,读取,err,微信,获取,console,xls From: https://www.cnblogs.com/fps2tao/p/18321395