lwaner的博客

uniapp根据经纬度逆解析详细位置

pathToBase64(path).then(base64 => { console.log('类型',typeof(base64.slice(23, base64.length))) this.formImgData.base64Str = base64.slice(23, base64.length); let base64Str = base64.slice(23, base64.length)})js文件/* 处理文件路径 */function getLocalFile

照片多张预览 全选 多选 删除 长按删除<template> <view> <view class="module-images-box"> <image @click="naviga" v-if="type == 1" class="images-upload-box" src="../../static/images/agrarian/upload_photograph.png" mode=""></image>

先来看一下对比效果图一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。二：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.4.0.js如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.4.0.js （支持https）

解决这个问题的时候还是用到了之前的文章中提到的“条件编译”，当然这只是其中一部分，下面我们来看一下这种问题的解决方法，①H5端配置首先在项目中找到一个名为“manifest.json”的文件，找到该文件下的H5配置将端口配置好然后在左侧菜单栏中再找到“源码视图”将以下代码配置好，至此我们的H5端就配置完成了，需要配置的还有我们的小程序端因为我的项目是兼容H5跟小程序的所以调取接口时还需要分开写也就是“条件编译”②小程序端配置首先我们需要配置一下安全域名打开微信公众平台登录在左侧菜单中

先看一下效果图因为我在做这个的时候数据不需要更改所以就用了一个js文件下面可以看一下代码template部分<view class="input" type="text" placeholder="请选择地区"> <picker class="pickerList" mode="multiSelector" :range="newProvinceDataList" :value="multiIndex" @change="pickerCha

编辑器（HBulider X）一、首先新建项目（uni-app项目）二、找到项目里的manifest.json文件三、因为运行的时候需要运行到微信开发者工具里查看，所以需要配置一下，配置时需要输入自己的AppID在此我们配置的最后一项 “位置端口” 无需打勾，勾选之后运行到微信开发者工时会报错可能有些新手不知道Appid 在哪儿，APPID去哪儿找呢，打开微信公众平台，登录之后在左侧菜单栏找到 开发 | 开发设置 选项到此我们编辑器中的配置就完成了下面配置我们微信开发者工具

我的项目是一套基于uni-app开发的兼容H5跟微信小程序的项目所以在开发时难免有不一样的地方，这就需要区分平台进行开发了因为我也是第一次遇到这种问题，所以一开始也不知道该用什么方法解决，在uni-app的官方文档中有这么一篇文档 条件编译 | 跨端兼容 文档连接跨端兼容uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。因为在开发时我用的编辑器是H