微信小程序关于多张图片上传之后,路径却存不到数据库中的问题 5C

第一部分

 var imageslist = [];   //设置了一个空数组进行储存图片云端路径
    var images = that.data.images;
    for (var i = 0; i < images.length; i++) {
      let randString = Math.floor(Math.random() * 1000000).toString() + '.png'
      wx.cloud.uploadFile({
        cloudPath: randString,
        filePath: images[i], 
        success: res => {
        //let imageslist = that.data.imageslist;
         imageslist.push(res.fileID) ; //将图片路径添加到数组中
        },
        fail: err => {
          wx.showToast({
            title: '图片上传失败',
          })
        }
      })
    }
   that.setData({
      imageslist
    })
    console.log(imageslist);//打印

打印结果为

[]
0: "cloud://mycheng-d9e08f.6d79-mycheng-d9e08f/794476.png"
1: "cloud://mycheng-d9e08f.6d79-mycheng-d9e08f/19686.png"
length: 2
nv_length: (...)
__proto__: Array(0)

_然后存到数据库中

  db.collection('topic').add({
      data: {
        index: 0,
        content: that.data.content,
        des: that.data.des,
        style: "book",
        date: new Date().toLocaleString(),
        images: that.data.imageslist,//这个地方存到数据库
        userInfo: that.data.userInfo,
        isLike: that.data.isLike,
      },

结果却是在数据库中显示images为空

1个回答

这个打印位置不对,wx.cloud.uploadFile是异步函数,for循环已经完毕时wx.cloud.uploadFile还未完成
所以for循环后面的语句是无效的

应该在success中进行计数,当数量满足要求时进行setdata和打印

weixin_42895560
weixin_42895560 回复一碗白菜豆腐: 请问有解决这个问题吗?
4 个月之前 回复
weixin_37910098
一碗白菜豆腐 但是打印结果正确那 目前就是无法存到云数据中,在数据库中images为空
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序里多张图片上传到wx.request接口里图片传不进去

微信小程序里多张图片上传到wx.request接口里图片传不进去,这个需要怎么解决啊![图片说明](https://img-ask.csdn.net/upload/202004/30/1588238913_135108.png)![图片说明](https://img-ask.csdn.net/upload/202004/30/1588238927_469374.png)

微信小程序,在一个表单界面,将图片和其他数据一起存入云数据库中,怎么上传图片的存储路径

* 在小程序中,wxml中是一个表单,这个表单提交书籍信息, 包括书籍的图片,名称和价格,首先点击上传图片, 将在这个界面上预览显示出来图片, 之后填写名称和价格然后点击提交, 将数据存到云数据库,就是小程序云开发模式腾讯提供的云数据库, * 1.求一段JS代码来解决这个问题, 我搞不懂图片在预览之后怎么上传到云存储中, 然后取出图片的存储路径上传到数据库中? 重点是在一个页面中进行这个操作

微信小程序如何一次上传多张图片

wx.upload()的api文档上是上传一个的,如何上传多张图片?

微信小程序后台连接数据库

想完成搜索功能,但在哪写search.php呢?微信小程序里没找到.php 文件啊

java连接微信小程序云数据库

请问如何用java去连接微信小程序的云数据库呀 急急急!!!

微信小程序的src图片加载多张就不渲染

``` <view wx:if="{{item.commentPics.length>0}}"> <image src="{{item.commentPics}}" data-list='{{item.commentPics}}' data-src="{{item.commentPics}}" bindtap="imgOpen" data-index='{{index}}' mode="aspectFill"/> </view> ``` ![两个数据图片链接拿到数据错误图片说明](https://img-ask.csdn.net/upload/201811/06/1541491400_939163.png) ![单个没问题](https://img-ask.csdn.net/upload/201811/06/1541491483_297659.png) ``` //图片点击预览事件 imgOpen: function (e) { var src = e.currentTarget.dataset.src;//获取data-src var imgList = e.currentTarget.dataset.list;//获取data-list var str = ""; var newArr = []; str = src + "," + imgList console.log(str) newArr = str.split(',') wx.previewImage({ current: newArr, urls:newArr, success: function(res) { }, }) }, ```

微信小程序怎么从存储拿图片或者视频在前端显示出来?

微信小程序怎么从存储拿图片或者视频在前端显示出来? 求大佬教一下,有代码最好!

微信小程序怎么获取图片

在微信小程序上点击一次获取一张图片,在点击一次在获取一张,上一张不覆盖,

微信小程序提交数据到数据库出现这个是啥情况啊?怎么解决?

微信小程序提交数据到数据库出现这个是啥情况啊?怎么解决? 调试台错误如下 Error: errCode: -501005 invalid env | errMsg: Environment not found at new u (WAService.js:1) at Function.success (WAService.js:1) at Object.success (WAService.js:1) at r (WAService.js:1) at WAService.js:1 at v (WAService.js:1) at WAService.js:1 at t.<anonymous> (appservice?t=1563427015576:1407) at WAService.js:1 at WAService.js:1 uuu.js:86 完成

微信小程序云开发中对读取到的数据库某记录修改后再更新记录,怎么实现?

现在我需要对云开发的数据库记录进行更新,具体操作是,把记录中的那个字段数组拿出来,删除数组中的某个值,再将这个新的数组更新到字段中去,实现替换。 下面的贴图是数据库中要更新的内容: ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553651630_454235.jpg) 执行云函数时,遇到问题 : 数据拿到了,数组中的那个3也删除了,但是没有走更新那一步! 代码如下(代码是测试代码): ``` exports.main = async (event, context) => { return await db.collection('company').where({ cNumber:9091190 }) .field({ cPeople:true }).get() .then(res=>{ console.log(res.data[0].cPeople) var peoplearry = res.data[0].cPeople; var arry; for(var i=0;i<peoplearry.length;i++){ console.log(i) if (peoplearry[i] == 3){ console.log('shanchu') peoplearry.splice(i,1) } } arry = peoplearry; try{ console.log(arry) db.collection('company').where({ cNumber: 9091190 }) .update({ data: { cPeople: arry }, success: console.log, fail: console.error }) }catch(e){ console.error(e) } }) .catch(console.error) } ``` 走到console.log(arry)这里,就不往下走了,没有更新到,在想是不是一个云函数中只能对数据库操作一次?? 新手刚接触微信小程序,希望大神指点一下

微信小程序删除后台文件

微信小程序detefile只能删除确定路径的文件吗 如何筛选同一类型或者删除全部文件

微信小程序无法获取身份证号码信息

![图片说明](https://img-ask.csdn.net/upload/201912/17/1576586746_414063.png) 现在在参与开发微信小程序,遇到一个问题,之前未接入网关时,获取数据库信息正常。 今天接入网关后,一直拿不到身份证号码信息, 打印 sdk.udb.getAuthSession().then(response => { // response console.log("response", response); }) 返回false,显示未登录,但是我确实登录了。 不过奇葩的是,我之前脑子抽风,微信昵称叫做null,是不是这个原因引起的,关键字和微信这边冲突了,我用我同事的微信登录一切正常。 不过我现在把昵称和头像都改过来了,但是一直有缓存,怎么都清不掉,重装工具,重登微信,甚至拿我的微信去我同事的开发工具上登录都还是之前的昵称和头像,微信这边有多久的缓存吗?

微信小程序如何多人进行云开发

微信小程序开发过程中,我使用个人的id创建了云开发环境,在云存储中存储了程序中用到的图片,但与我一起开发的人员无法访存我的云存储,请问如何设置他人可进行访存操作,是否需要开启什么权限或设置什么管理员?

微信小程序搜索功能怎么实现?

正在做一个微信小程序,想添加一个搜索功能,该怎么实现呢?搜索的内容要放到数据库里吗?最好有个案例学习学习。

微信小程序上传文件到nginx服务器,php后台接收图片,但是找不到页面

![图片说明](https://img-ask.csdn.net/upload/201903/10/1552206459_319849.png)![图片说明](https://img-ask.csdn.net/upload/201903/10/1552206470_243993.png) 微信小程序上传文件到nginx服务器,php后台接收图片,明明可以request到,但是wx.uploadFile却找不到页面,哪位大佬知道什么情况,求告知

微信小程序文件上传后显示不出来

我从服务器数据库获取图片的地址后 然后在image里面直接用src调用后台和地址转换成图片 可是我数据库就一条数据 图片也就一个 后台却调用两次 第二次乱码了 有没有大神告诉怎么改

微信小程序图片上传到java后端,要有源码,jar包?

微信小程序:上传图片,本地用Tomactj,java写的后台接收保存的(用idea)。不要什么链接,我都试过了,我要直接的代码,附带jar包的,部署上直接能用的。

微信小程序云开发获取用户头像昵称登录存数据库怎么操作?

我想让用户点击一个登录授权按钮,如果是第一次登录就把他的信息存到云数据库里面,如果不是第一次登录就直接显示出他的头像和昵称,这个要怎么实现?请大佬讲解一下思路,要怎么做,最好详细点,有参考代码最好,谢谢!

微信小程序云数据库页面删除成功,刷新后又出现(后台未删除成功),何因?

微信小程序云数据库页面删除成功,刷新后又出现(后台未删除成功),何因? ``` //删除列表元素 deleteItem: function(e) { let self = this; wx.showModal({ content: '确定删除题库', confirmText: '确定', success(res) { if (res.confirm) { //删除数据库的数据 const index = e.currentTarget.dataset.index const id = self.data.dataList[index]._id console.log(id); db.collection('knowledge').doc(id).remove({ success: function(res) { console.log("删除记录成功"); wx.showToast({ title: '删除成功', icon: 'success', duration: 2000 }) } }) //删除data的数据 self.data.dataList.splice(index, 1) self.setData({ dataList: self.data.dataList }) } } }) }, ```

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

玩转Python-Python3基础入门

总课时80+,提供源码和相关资料 本课程从Python零基础到纯Python项目实战。内容详细,案例丰富,覆盖了Python知识的方方面面,学完后不仅对Python知识有个系统化的了解,让你从Python小白变编程大牛! 课程包含: 1.python安装 2.变量、数据类型和运算符 3.选择结构 4.循环结构 5.函数和模块 6.文件读写 7.了解面向对象 8.异常处理

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:itxy41)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

基于VHDL的16位ALU简易设计

基于VHDL的16位ALU简易设计,可完成基本的加减、带进位加减、或、与等运算。

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

利用Verilog实现数字秒表(基本逻辑设计分频器练习)

设置复位开关。当按下复位开关时,秒表清零并做好计时准备。在任何情况下只要按下复位开关,秒表都要无条件地进行复位操作,即使是在计时过程中也要无条件地进行清零操作。 设置启/停开关。当按下启/停开关后,将

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

计算机操作系统 第三版.pdf

计算机操作系统 第三版 本书全面介绍了计算机系统中的一个重要软件——操作系统(OS),本书是第三版,对2001年出版的修订版的各章内容均作了较多的修改,基本上能反映当前操作系统发展的现状,但章节名称基

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

SEIR课程设计源码与相关城市数据.rar

SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

GIS程序设计教程 基于ArcGIS Engine的C#开发实例

张丰,杜震洪,刘仁义编著.GIS程序设计教程 基于ArcGIS Engine的C#开发实例.浙江大学出版社,2012.05

人工智能-计算机视觉实战之路(必备算法+深度学习+项目实战)

系列课程主要分为3大阶段:(1)首先掌握计算机视觉必备算法原理,结合Opencv进行学习与练手,通过实际视项目进行案例应用展示。(2)进军当下最火的深度学习进行视觉任务实战,掌握深度学习中必备算法原理与网络模型架构。(3)结合经典深度学习框架与实战项目进行实战,基于真实数据集展开业务分析与建模实战。整体风格通俗易懂,项目驱动学习与就业面试。 建议同学们按照下列顺序来进行学习:1.Python入门视频课程 2.Opencv计算机视觉实战(Python版) 3.深度学习框架-PyTorch实战/人工智能框架实战精讲:Keras项目 4.Python-深度学习-物体检测实战 5.后续实战课程按照自己喜好选择就可以

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

去除异常值matlab程序

数据预处理中去除异常值的程序,matlab写成

用verilog HDL语言编写的秒表

在秒表设计中,分模块书写。用在七段数码管上显示。输入频率是1KHZ.可以显示百分秒,秒,分。如要显示小时,只需修改leds里的代码和主模块代码。改程序以通过硬件电路验证。完全正确。

[透视java——反编译、修补和逆向工程技术]源代码

源代码。

相关热词 c# 不能序列化继承类 c# char* 调用 c# 开发dll模板 c#添加控件到工具箱 c#控制台组合数 编程计算猴子吃桃问题c# c# wpf 背景透明 随机抽取号码软件c# c# 开发环境 c# 属性和字段
立即提问