微信小程序中,上传图片的代码如下:实现功能:1.上传图片到七牛云2.上传成功后,对于返回的路径展示到页面3.将返回的路径发送给后端对于第一个需求:1.上传图片到七牛云我们需要在七牛云上有一个账号去存自己的图片,于是不能忽略的一步,就是在进入页面时候,获取到七牛云的token2.上传成功后,对于返回的路径展示到页面这里又分为两个需求:②将上传成功后的图片展示到页面上;upzhengmian: function () {var that = this①上传图片到七牛云;wx.chooseImage({count: 1,success: function (res) {console.log(app.data.uptoken)var tempFilePaths = res.tempFilePaths[0]这里的token是第一步获取到的uptoken,写在app.js里面的let token = app.data.uptoken;wx.uploadFile({这里配置的接口是上传图片的接口,但是这里有一个坑,后面会说;url: ‘http:……/upload’,name: ‘file’,filePath: tempFilePaths,header: {“Content-Type”: “multipart/form-data”},formData: {token: encodeURI(token),},success: function (res) {这一步就是上传成功后,展示到页面上了that.data.img1 = config.systemData.QiNiuUrl + ‘/’ + JSON.parse(res.data).hashthat.setData({img1: that.data.img1})},fail: function (res) {wx.showModal({title: ”,content: ‘上传身份证失败,请重新上传’,duration: ‘2000’})}})},fail: function (res) {}})},写到这一步,其实已经可以实现在开发工具上上传图片了,于是我们上传了代码到体验版的时候,图片就上传失败了。配置地址没问题的情况下,就是不对;其实问题并不大,只需要把开发工具上的地址配置检查是否是https:就可以了,因为微信小程序所有的配置合法域名都是https然后就解决啦
微信小程序遇到的坑系列—小程序上传图片线上失败
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序遇到的坑系列—小程序上传图片线上失败
相关推荐
数据恢复软件(二):用C++重写恢复B乐都县E企盈小程序MP位图文件的小程序
公众号再次改版高坪区E企盈小程序小程序又多了一个入口
微信小程序加载图片时,湘桥区E企盈小程序先拉长,再恢复正常
转:(很有用)有多个按钮,点击一个变色,点击另吴中区E企盈小程序一个变色,原来的恢复颜色的方法
第12课微信小程序Component构造器自道里区E企盈小程序定义组件:
导航中的南海区E企盈小程序小竖线总结
小程序:after实现德格县E企盈小程序1px纵向分割线
汉沽区E企盈小程序企业微信内测朋友圈和客户群功能:小程序C位出道!
小程序运行加载密山市E企盈小程序机制
小程通城县E企盈小程序序中间有字的分隔线
公众号和小程序可以同名了名称支持同主体复盘锦E企盈小程序用
微信小程序修改主潜江市E企盈小程序体信息
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务