uni 获取本地文件_uni读取本地JSON数据文件

对于json数据分为两种情况

1. 文件后缀为.json类型

非H5端，这种类型的文件目前只能用require进行导入，导入后为一个对象类型

let mapDataCollection = require('@/static/mapData/guizhou.json');

console.log("cityJson: " + JSON.stringify(cityJson));

//=>cityJson: [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]

H5端可以引入jq，用jq的AJAX读取本地的json文件

$.getJSON('../static/mapData/guizhou.json').then(mapdata=> {

console.log("cityJson: " + JSON.stringify(cityJson));

})

//=>cityJson: [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]

2. 文件后缀为.js类型

可以在js文件将json用export导入，在需要的页面用import进行导入,import无法导入.json文件

//js数据文件

let cityJson = [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]

export {

cityJson

}

//业务页面

import {cityJson} from '@/static/mapData/guizhou.js'

注意事项

uni.request是无法读取本地的.js文件和.json文件的，jq是都能读取的，但是jq只能在H5端引入使用，要注意这点