设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › 微信小程序报错
返回列表 发新帖
查看: 209|回复: 1

微信小程序报错

[复制链接]
ZUKE824
发表于 2023-12-19 16:55:41 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
我制作了一个微信小程序，有一个功能是添加菜系，能添加菜系名称和图片，并且与部分函数用的是云函数，
这是addCuisine.js的代码
  1. // Adminpackage/addCuisine/addCuisine.js
  2. const app = getApp()
  3. const db = wx.cloud.database()
  4. Page({

  6.         /**
  7.          * 页面的初始数据
  8.          */
  9.         data: {
  10.                 cuisineName: '',
  11.                 cuisineImg: [],
  12.                 cuisineImgID: [],
  13.                 isCoverImg: true,
  14.         },

  16.         /**
  17.          * 生命周期函数--监听页面加载
  18.          */
  19.         onLoad: function (options) {},


  22.         /**
  23.          * 生命周期函数--监听页面显示
  24.          */
  25.         onShow: function () {},

  27.         /**
  28.          * 获取输入框数据
  29.          */
  30.         inputData(e) {
  31.                 let value = e.detail.value
  32.                 this.setData({
  33.                         cuisineName: value
  34.                 })
  35.         },

  37.         /**
  38.          * 选择图片
  39.          */
  40.         CoverImg() {
  41.                 wx.chooseImage({
  42.                         count: 1, //张数
  43.                         sizeType: ['compressed'], //压缩图
  44.                         sourceType: ['album'], //从相册选择
  45.                         success: res => { //chooseImage-success方法，返回类型是数组
  46.                                 this.setData({
  47.                                         cuisineImg: res.tempFilePaths,
  48.                                         isCoverImg: false
  49.                                 })
  50.                         },
  51.                         fail: err => {
  52.                                 console.log('获取图片失败', err)
  53.                                 wx.showToast({
  54.                                         title: '网络错误！获取图片失败',
  55.                                         icon: 'none',
  56.                                         duration: 1000
  57.                                 })
  58.                         }
  59.                 });
  60.         },

  62.         /**
  63.          * 大图预览
  64.          */
  65.         PWCoverImg(e) {
  66.                 wx.previewImage({ //大图预览,需要的类型是数组
  67.                         urls: this.data.cuisineImg,
  68.                         current: e.currentTarget.dataset.url
  69.                 });
  70.         },

  72.         /**
  73.          * 删除图片
  74.          */
  75.         DECoverImg(e) {
  76.                 this.data.cuisineImg.splice(e.currentTarget.dataset.index, 1);
  77.                 this.setData({
  78.                         isCoverImg: true,
  79.                         cuisineImg: this.data.cuisineImg
  80.                 })
  81.         },

  83.         //取消按钮
  84.         closeInput() {
  85.                 wx.navigateBack({
  86.                         delta: 1,
  87.                 })
  88.         },

  90.         /**
  91.          * 确认提交按钮
  92.          */
  93.         confirmSubmit(e) {
  94.     wx.cloud.callFunction({
  95.       name:"adminPackage",
  96.       data:{
  97.         type:'addCuisine',
  98.         cuisineImg:this.data.cuisineImg,
  99.         name:this.data.cuisineName,
  100.       }
  101.     })
  102.       .then((resp) => {
  103.         if(resp.result){
  104.           if(resp.result.error){
  105.             wx.showToast({
  106.               title: resp.result.message || 'Unknown error',
  107.               icon:'none',
  108.               duration: 2000
  109.             });
  110.         }else{
  111.           console.log(resp.result.success);
  112.         }
  113.       } else{
  114.         wx.showToast({
  115.           title: 'Invalid response from server',
  116.           icon: 'none',
  117.           duration: 2000
  118.         });
  119.       }
  120.     })
  121.       .catch((e) =>{
  122.         console.log(e);
  123.         wx.showToast({
  124.           title:'请求失败',
  125.           icon: 'none',
  126.           duration: 2000
  127.         });
  128.       });
  129.   }
  130. })
复制代码

这是云函数的代码
  1. // 云函数入口文件
  2. const cloud = require('wx-server-sdk')

  4. cloud.init()
  5. const db = cloud.database();


  8. exports.main = async (event, context) => {
  9.   try{
  10.     const cuisineImg = event.cuisineImg
  11.     const name = event.cuisineName
  12.    
  13.                 if (name === "") {
  14.       console.log("Error:请填写菜系名称！")
  15.       return {error: true, message:'请填写菜系名称！'};
  16.                 } else if (cuisineImg.length == 0) {
  17.       console.log("请上传图标图片！")
  18.                         return {error: true, message:'请上传图标图片！'};
  19.                 } else {
  20.                         return await addImg(cuisineImg, name);
  21.     }
  22.   } catch(error){
  23.     console.error("Error in main function:", error);
  24.     return { error: true, message:'Unexpected error in cloud function!'}
  25.   }
  26.    
  27. /**
  28.          * 上传图片
  29.          */
  30.         async function addImg() {
  31.                 wx.showLoading({
  32.                         title: '上传中...',
  33.                         mask: true,
  34.                 })
  35.                 let cuisineImgFileID = []
  36.                 for (let i = 0; i < this.data.cuisineImg.length; i++) {
  37.                         let fileName = this.data.cuisineImg[i];
  38.                         let cloudPath = "SysCuisineImg/" + Date.now() + Math.floor(Math.random(0, 1) * 10000000) + '.jpg';
  39.                         await wx.cloud.uploadFile({
  40.                                         cloudPath,
  41.                                         filePath: fileName,
  42.                                 })
  43.                                 .then(res => {
  44.                                         wx.hideLoading()
  45.                                         console.log('上传图片成功：', res)
  46.                                         cuisineImgFileID.push(res.fileID)
  47.                                         if (cuisineImgFileID.length == this.data.cuisineImg.length) {
  48.                                                 this.setData({
  49.                                                         cuisineImgID: cuisineImgFileID,
  50.                                                 })
  51.                                                 this.addData()
  52.                                         }
  53.                                 })
  54.                                 .catch(err => {
  55.                                         wx.hideLoading()
  56.                                         console.log('上传图片失败：', err)
  57.                                         wx.showToast({
  58.                                                 title: '上传图片失败！',
  59.                                                 icon: 'none',
  60.                                                 duration: 1000,
  61.                                         })
  62.                                 })
  63.     }
  64.   };
  65.    
  66. /**
  67.          * 添加数据
  68.          */
  69.         async function addData() {
  70.                 wx.showLoading({
  71.                         title: '添加中...',
  72.                         mask: true,
  73.                 })
  74.                 await db.collection('SysCuisine').add({
  75.                                 data: {
  76.                                         cuisineImg: this.data.cuisineImgID,
  77.                                         cuisineName: this.data.cuisineName,
  78.                                 },
  79.                                 success: res => {
  80.                                         wx.hideLoading()
  81.                                         if (res.errMsg == "collection.add:ok") {
  82.                                                 console.log('添加成功：', res.errMsg)
  83.                                                 wx.navigateBack({
  84.                                                         delta: 1,
  85.                                                 })
  86.                                         }
  87.                                 },
  88.                                 fail: err => {
  89.                                         wx.hideLoading()
  90.                                         console.log('添加失败：', err)
  91.                                         let img = this.data.cuisineImgID
  92.                                         console.log('添加失败，要删除的图片：', img)
  93.                                         wx.cloud.deleteFile({
  94.                                                 fileList: img, //deleteFile的fileList是数组才能删除
  95.                                                 success: res => {
  96.                                                         if (res.errMsg == "cloud.deleteFile:ok") {
  97.                                                                 wx.showToast({
  98.                                                                         title: '添加失败！',
  99.                                                                         icon: 'none',
  100.                                                                         duration: 1000,
  101.                                                                 })
  102.                                                         }
  103.                                                 },
  104.                                                 fail: err => {
  105.                                                         wx.showToast({
  106.                                                                 title: '添加失败！',
  107.                                                                 icon: 'none',
  108.                                                                 duration: 1000,
  109.                                                         })
  110.                                                 }
  111.                                         })
  112.                                 }
  113.                         })
  114.         }
  115. }
复制代码

现在碰到的问题是当我按下确认按钮时并不能上传菜系，toast返回Invalid response from server，能帮我看看问题出在哪吗
@FishC
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

FishC
发表于 2023-12-19 16:56:08 | 显示全部楼层
看代码应该是云函数返回的结果不符合预期引起的。根据你提供的代码，似乎云函数在上传图片和添加数据时，都使用了this关键字来访问data中的数据。然而，云函数中没有上下文对象，也就是没有this关键字。

因此，你需要对addImg和addData两个函数进行修改，将this.data.cuisineImg和this.data.cuisineName改为传入的参数cuisineImg和name即可。

具体来说，修改addImg如下：
  1. async function addImg(cuisineImg, name) {
  2.     // ...
  3. }
复制代码

修改addData如下：
  1. async function addData(cuisineImgID, cuisineName) {
  2.     // ...
  3. }
复制代码

然后，将addImg和addData两个函数中对应的地方使用参数来替换：

addImg函数中的数据
  1. await wx.cloud.uploadFile({
  2.     cloudPath,
  3.     filePath: fileName,
  4. }).then(res => {
  5.     // ...
  6. })
复制代码

修改为
  1. await wx.cloud.uploadFile({
  2.     cloudPath,
  3.     filePath: fileName,
  4. }).then(res => {
  5.     // ...
  6. })
复制代码

addData函数中的数据
  1. await db.collection('SysCuisine').add({
  2.     data: {
  3.         cuisineImg: this.data.cuisineImgID,
  4.         cuisineName: this.data.cuisineName,
  5.     },
  6.     success: res => {
  7.         // ...
  8.     },
  9.     fail: err => {
  10.         // ...
  11.     }
  12. })
复制代码

修改为
  1. await db.collection('SysCuisine').add({
  2.     data: {
  3.         cuisineImg: cuisineImgID,
  4.         cuisineName: cuisineName,
  5.     },
  6.     success: res => {
  7.         // ...
  8.     },
  9.     fail: err => {
  10.         // ...
  11.     }
  12. })
复制代码

修改完成后，再次测试看是否能够上传菜系。这样应该就能解决问题了。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-27 17:43

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表