微信小程序遇到的坑系列---小程序上传图片线上失败

2023-11-13

微信小程序中,上传图片的代码如下:

实现功能:

1.上传图片到七牛云

2.上传成功后,对于返回的路径展示到页面

3.将返回的路径发送给后端

对于第一个需求:

1.上传图片到七牛云

我们需要在七牛云上有一个账号去存自己的图片,于是不能忽略的一步,就是在进入页面时候,获取到七牛云的token

2.上传成功后,对于返回的路径展示到页面

这里又分为两个需求:

②将上传成功后的图片展示到页面上;

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).hash

that.setData({

img1: that.data.img1

})

},

fail: function (res) {

wx.showModal({

title: '',

content: '上传身份证失败,请重新上传',

duration: '2000'

})

}

})

},

fail: function (res) {

}

})

},

写到这一步,其实已经可以实现在开发工具上上传图片了,于是我们上传了代码到体验版的时候,图片就上传失败了。

配置地址没问题的情况下,就是不对;

其实问题并不大,只需要把开发工具上的地址配置检查是否是https:就可以了,因为微信小程序所有的配置合法域名都是https

然后就解决啦

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序遇到的坑系列---小程序上传图片线上失败 的相关文章

随机推荐

  • 【mcuclub】矩阵键盘

    1 实物图 2 原理图 3 基本原理 使用8个I O口来进行16个按键的控制读取 用4条I O线作为行线 4条I O线作为列线组成键盘 当某个按键按下时 进行行列扫描 从而判断是第几行第几列的按键 进而进行整体按键值的确定 4 优点 使用8
  • Stephen Wolfram

    斯蒂芬 沃尔夫勒姆 Stephen Wolfram 1959年 物理学家 数学家 电脑工程师和商人 作为程序开发员 他是数学软件Mathematica的发明者之一 作为商人 他是Wolfram Research公司的创立者和首席执行官 在学
  • 基础知识汇总(python)

    1 注释 单行注释 多行注释 2 换行 total applePrice orangePrice milkPrice 3 变量 111 赋值给了 a a 111 变量名规则 字母 数字 下划线组成 数字不可以开头 不能关键字重用 变量名必须
  • 腾讯云分布式数据库可用性系统实践

    欢迎大家前往腾讯云社区 获取更多腾讯海量技术实践干货哦 在分布式环境当中 总是会遇到诸如 主机宕机 或 网络故障 等各种影响系统可用性的情况发生 轻则会导致投诉 重则导致企业核心数据的丢失 影响企业业绩和商誉 而如何确保分布式系统运行正常
  • 【自用】微信小程序体验版无法加载数据、无法调用接口

    一 原因 没有打开微信小程序调试模式 二 解决办法 1 进入小程序 点击右上角的3个点儿 2 点击右下角开发调试 3 点击 打开调试 4 点击 前往体验版 重新进行测试 5 问题解决 右下角出现角标 重新进行测试吧
  • QT 中信号与槽connect 放在哪个位置

    在使用QT 的时候 就一直犯嘀咕 两个对象之间使用信号与槽链接的时候 应该把connect 放在哪个位置呢 对象 A 对象 B两个对象 把connect 放在A 对象里还是放在B 对象里呢 在一次项目里面我突然自己领悟了一个方式 C 对象调
  • 大数据——Hive基础

    Hive基础 什么是Hive Hive的优势和特点 Hive的发展里程碑和主流版本 Hive与MapReduce Hive的基本架构 Hive元数据管理 Hive体系架构 Hive操作 Hive Interface 命令窗口模式 1 Hiv
  • 鹤舞云天服务器稳定,《御剑红尘》手游新服“鹤舞云天”即将开启!

    亲爱的少主们 一念入微梦 月下与君酌 桃漫枝满头 缘聚玄天处 伴随着飘渺的莺莺婉歌 让我们一同走进清梦星河的梦境深处 御剑红尘 手游计划于12月19日10 00开启全新一组服务器 鹤舞云天 吹笙玄鹤舞 长望碧云天 届时欢迎各位探险家前来进驻
  • C++复习第二天:类与对象

    1 什么是面向过程 什么是面向对象 C语言是面向过程的 关注的是过程 分析出解题过程的步骤 调用函数来实现 C 是基于面向对象的 关注的是对象 将一件事物划分成不同的对象 通过不同对象之间相互交互完成 2 面向对象的三大特性 面向对象的三大
  • Unity3D开发环境安装(windows系统)

    1 首先先下载软件包 http pan baidu com s 1imYVv 4 2版本 2 下载完后 解压会看到两个文件 运行第二个安装包 3 准备安装 这里直接上图了 这里全选 里面包括运行媒体之类的 这里自己选择安装目录 如果你C盘空
  • 第三章内存管理

    1 内存的基础知识 内存可存放数据 程序执行前需要先放到内存中才能被CPU处理 缓和CPU与硬盘之间的速度矛盾 指令中的地址参数直接给出了变量x的实际存放地址 物理地址 1 绝对装入 绝对装入 在编译时 如果知道程序将放到内存中的哪个位置
  • 5G应用场景300例 附下载地址

    为加快5G在重点产业领域的推广应用 推动我省5G产业发展 我厅会同山东联通 山东移动 山东电信在全国范围内筛选了解决方案 编制了 5G应用场景300例 关注公众号 互联互通社区 回复 5G应用场景300例 获取全部内容 5G移动通信技术基本
  • 运行python脚本时传入参数的几种方式(接收外部参数)

    运行python脚本时传入参数时三种格式对应不同的参数解析方式 分别为sys argv argparse tf app run 前两者是python自带的功能 后者是tensorflow提供的便捷方式 1 sys argv sys模块是很常
  • Q_UNUSED()函数的作用

    Q UNUSED 函数在程序中的作用 就如它所代表的英文一样 unused 即无用的意思 即Q UNUSED 函数在程序中没有实质性的作用 用来避免编译器警告 下面我们来看一组程序 void ColorItem paint QPainter
  • Flutter 环境配置

    Flutter 环境配置 电脑上面安装配置JDK 1 下载安装JDK 下载地址 https www oracle com technetwork java javase downloads jdk8 downloads 2133151 ht
  • 刚拿到esp32-cam想测试该怎么办?看这篇文章就可以了

    无意间对esp32 cam感兴趣 就去某pdd买了一个模块玩玩 组装摄像头的时候不要硬插进去 有个活动卡槽可以扣开 如下图 接下来去arduino官网或者中文社区下载 arduino官网 https www arduino cc en so
  • LeetCode题目笔记——206. 反转链表

    文章目录 题目描述 题目难度 简单 方法一 顺序遍历 C 代码 Python代码 方法二 递归 代码 题目描述 题目难度 简单 方法一 顺序遍历 我们只需顺序遍历一次列表 在原地将它们的指向依次逆转 需要注意的是 当链表本身为空的时候我们直
  • python数据分析-超市客流量高峰期分析--调用matplotlib折线图

    python数据分析 超市客流量高峰期分析 调用matplotlib折线图 数据处理 有一份超市订单csv格式数据源导入后如下 导入需要使用的模块 import pandas as pd import matplotlib pyplot a
  • 6个 Python 办公黑科技,工作效率提升100倍!(附代码)

    下班晚 加班久感觉已经成为现代打工人的通病 每天将大部分时间浪费在一些机械 重复的工作上 如何提升你自己的工作效率才是关键 今天给大家分享6个 Python 办公小技巧 让你的工作效率倍增 欢迎大家学习收藏 喜欢点赞支持 废话不说 让我们开
  • 微信小程序遇到的坑系列---小程序上传图片线上失败

    微信小程序中 上传图片的代码如下 实现功能 1 上传图片到七牛云 2 上传成功后 对于返回的路径展示到页面 3 将返回的路径发送给后端 对于第一个需求 1 上传图片到七牛云 我们需要在七牛云上有一个账号去存自己的图片 于是不能忽略的一步 就