微信小程序--问题汇总及详解之图片上传和地图
2024-08-28 19:36:12
地图用的是百度的地图,链接: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
最新文章
- ssh 发现了error while loading shared libraries这种错
- python Web开发框架-Django (2)
- 逻辑操作符---Lua: and,or,not 对比 C++:&;&;,||,!
- 高吞吐量的分布式发布订阅消息系统Kafka--spring-integration-kafka的应用
- Java Annotation原理分析(一)
- 继承自CCObject的对象成员变量出错或者为空的问题
- poj 3592 Instantaneous Transference
- ASP.NET MVC 3 Razor Nested foreach with if statements
- js的数组方法整理
- HDU2256(矩阵)
- ArcGIS API For Javascript_4.8-渲染器Renderer
- 分享一个Snackbar工具类 SnackbarUtils;
- 洛谷 P2802 回家
- 一篇文章有若干行,以空行作为输入结束的条件。统计一篇文章中单词the(不管大小写,单词the是由空格隔开的)的个数。
- 计算机网络-数据结构-MAC帧头-IP头-TCP头-UDP头
- [Android] Activity间切换,传递数据
- Mac 显示sudo: pip: command not found
- jquery实现模拟select下拉框效果
- LCA离线算法Tarjan详解
- shell 脚本实战笔记(2)--环境变量PATH的恩怨情仇