微信小程序--问题汇总及详解之图片上传和地图
地图用的是百度的地图,链接:http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/getlocation
获取日期时间可以用小程序里自带的js文件,var util = require('../../utils/util.js') 引入文件
- var date = new Date(); //有需要改的参数可以自己定义也可以去源文件找到然后更改
- //传后台用这个参数
- var paramTime = util.formatTime2(date);
- var dateTime = util.formatDate(date);
- var time = util.formatTime3(date);
- that.setData({
- paramTime: paramTime,
- dateTime: dateTime,
- time: time,
- type: type
- })
图片上传:
- //点击上传图片
- bindTabTap: function () {
- var that = this
- var tokend = wx.getStorageSync('tokend')
- var indexId = wx.getStorageSync('indexId')
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['compressed'], //压缩图
- sourceType: ['album'], //相册
- success: function (res) {
- // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
- var tempFilePaths = res.tempFilePaths
- wx.uploadFile({
- url: 'https://..../' + indexId + '/....?token=' + tokend, //接口地址
- filePath: tempFilePaths[0], //要上传文件资源的路径
- name: 'pic', //文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
- header: { 'content-type': 'multipart/form-data' }, //客户端发起一个 HTTPS POST 请求,其中
content-type
为multipart/form-data HTTP 请求 Header , header 中不能设置 Referer
- formData: { //HTTP 请求中其他额外的 form data
- 'type': that.data.type,
- 'time': that.data.paramTime,
- 'site': that.data.address
- },
- success: function (res) { //接口调用成功的回调函数
- var data = res.data //开发者服务器返回的数据
- wx.redirectTo({ //关闭当前页面,跳转到应用内的某个页面。
- url: '../....', //需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数。参数与路径之间使用
?
分隔,参数键与参数值用=
相连,不同参数用&
分隔;如 'path?key=value&key2=value2'- success: function (res) {
- wx.showToast({
- title: '签到成功~',
- image:'../Image/suess.png',
- duration: 2000
- })
- },
- })
- },
- fail: function (res) { //接口调用失败的回调函数
- console.log('error' + ':' + res)
- }
- })
- }
- })
- },
Bug & Tip
tip
: 最大并发限制是 10 个tip
: 默认超时时间和最大超时时间都是 60s
微信小程序--问题汇总及详解之图片上传和地图的更多相关文章
- 微信小程序--问题汇总及详解之form表单
附上微信小程序开发文档链接:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html form表单: 当点击 <form/> ...
- 微信小程序--问题汇总及详解之清空电话号码
wxml: <view class="btns" wx:for="{{phoneList}}" wx:key="id"> < ...
- 微信小程序--问题汇总及详解之picker 增、删
<block wx:for="{{salesList}}" wx:for-index="index" wx:key="id" wx:f ...
- 微信小程序--问题汇总及详解之tab切换
设置背景颜色就直接在page里设置 page {background-color: rgb(242, 242, 242);} tab切换: navigator 页面链接 传参的格式为url=&q ...
- 微信小程序 this和that详解及简单实例
微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报 ...
- 微信小程序获取用户手机号详解
最近在做一款微信小程序,需要获取用户手机号,具体步骤如下: 流程图: 1.首先,客户端调用wx.login,回调数据了包含jscode,用于获取openid(用户唯一标识)和sessionkey(会话 ...
- 【微信小程序】支付过程详解
一.介绍 今天跟大家分享微信小程序集成支付. 二.分析 1.小程序支付API 地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.html ...
- 微信小程序支付之代码详解
微信小程序自带的一套规则,类似vue语法,但是好多功能都集成在api中,给了很多初学者轮子,所以首先要熟悉这些api,忘记可照官网继续开发 这里主要说下微信小程序的支付,原理类似上篇介绍的公众网页支付 ...
- 微信小程序项目wx-store代码详解
这篇文章会很长,非常长,特别长,无敌长. 真的是挤牙膏般的项目进度,差不多是8月底有开始这个项目的想法,时至今日都1个多月了,抛去频繁的加班时间,王者时间,羽毛球时间...见缝插针的写这个项目,我竟然 ...
随机推荐
- jQuery中常用的元素查找方法总结
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div&q ...
- php之header的不同用法
1.header()函数的作用是:发送一个原始 HTTP 标头[Http Header]到客户端. header(string,replace,http_response_code) /*string ...
- co-dialog弹出框组件-版本v2.0.0
co-dialog theme 访问git:co-dialog 版本v2.0.0 主题2 coog.app('.theme2').use({ title: 'JUST CHECKING.', mess ...
- Producer & Consumer
需要与Eureka结合使用 Eureka环境搭建 Producer 一.pom文件 <?xml version="1.0" encoding="UTF-8" ...
- 关于mongodb的日志
mongodb的日志与profile相似,在启动mongod时 可以用verbose这个参数配置他的日志详细程度,分为一个v到5个v,其中v越多,详细度越高 mogod.conf port = d ...
- Python 之继承
概要 如果要修改现有类的行为,我们不必再从头建一个新的类,可以直接利用继承这一功能.下面将以实例相结合介绍继承的用法. 新建一个基类 代码如下: class Marvel(object): num ...
- N-gram的原理、用途和研究
N-gram的原理.用途和研究 N-gram的基本原理 转自:http://blog.sciencenet.cn/blog-713101-797384.html N-gram是计算机语言学和概率论范畴 ...
- Javascript显示提示信息加样式
#region JS提示============================================ /// <summary> /// 添加编辑删除提示 /// </s ...
- java基础面试题:说说&和&&的区别
&与&&都是逻辑与 不同的是&左右两边的判断都要进行,而&&是短路与,当&&左边条件为假则不用再判断右边条件,所以效率更高 例如,对于i ...
- 宏基笔记本升级bios(2012-12-28-bd 写的日志迁移
首先到宏基官网下载中心 去下载你需要的新版本的bios安装包如图: 我的是宏基4750g的win7旗舰版64位,这里一定要根据自己的电脑的型号和安装的系统来选择,你可以选择最新的版本也可以选择老的版本 ...