微信小程序-表单笔记

发布页——向云端数据库上传多行文字和4张图片

  •  第6,8行注释掉和不注释掉都可以实现数据上传
 1 var _this = this;
 2   wx.cloud.callFunction({
 3     name: 'search',
 4     data: {
 5       content: e.detail.value.content, 
 6       /*tag: 1,*/
 7       miaoshu: e.detail.value.miaoshu,
 8       /*tag: 1,*/
 9       jiage: e.detail.value.jiage,
10       tag: 1,
11       /*lianxifangshi: e.detail.value.lianxifangshi,*/
12       
13     },
14     success: function (res) {
15       console.log(res.result)
16       _this.setData({
17       input:"",
18       })  
19     },
20     fail:console.error
21   })
  • 表单上传时前端与数据库

fabu.js（页面的js文件）和index.js（云函数的js文件）

 1  var _this = this;
 2   wx.cloud.callFunction({
 3     name: 'search',
 4     data: {
 5       content: e.detail.value.content, 
 6       /*tag: 1,*/
 7       miaoshu: e.detail.value.miaoshu,
 8       /*tag: 1,*/
 9       jiage: e.detail.value.jiage,
10       lianxifangshi: e.detail.value.lianxifangshi,
11       tag: 1, 
12     },
13     success: function (res) {
14       console.log(res.result)
15       _this.setData({
16       input:"",
17       })  
18     },
19     fail:console.error
20   })
21   }
 1 // 云函数入口函数
 2 exports.main = async (event, context) => {
 3   try{
 4     return db.collection('hello').where({
 5       tag:event.tag
 6     })
 7     .update({
 8       data:{
 9         content:event.content,
10         miaoshu:event.miaoshu,
11         jiage:event.jiage,
12         lianxifangshi:event.lianxifangshi,
13       },
14     })
15   }
16   catch(e){
17     console.log(e)
18   }
19 }

 

  • 本地添加4张图片并显示至页面

 

posted @ 2019-04-20 11:28  稻草人demo  阅读(415)  评论(0)    收藏  举报