柰茶 2020-03-09 22:24 采纳率: 50%
浏览 817
已采纳

用this.setData给数组下标index赋值,第二次赋值为何index上保存的是数组Array?

我的data里的数据定义如下:

data: {

images: [], //保存图片

},

① onLoad函数当从后台拿到图片数据时,用了this.setData赋值给images以更新页面显示:

const downloadTask = wx.downloadFile({

url: '略',

success: function (res) {

// 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容

console.log(res)

if (res.statusCode === 200) {

that.setData({

'images[0]': res.tempFilePath

})

}

}

})

② 但因为业务逻辑是用户可再次上传新照片,所以此时用户上传的新照片也用this.setData赋值:

uploadImg: function () {

var that = this

wx.chooseImage({

count: 1,

sizeType: ['original', 'compressed'],

sourceType: ['album', 'camera'],

success: function (res) {

console.log(res.tempFilePaths)

that.setData({

// images: that.data.images.concat(res.tempFilePaths)

'images[0]': res.tempFilePaths

})

},

})

},

然后用户提交数据的函数用了wx.uploadFile:

modifyCourierForm: function (res) {

var that = this

for (var i = 0; i < that.data.images.length; i++) {

wx.uploadFile({

url: '略',

filePath: that.data.images[i],

name: 'images',

formData: {

},

success: function (res) {

}

})

}

},

问题在于,当页面加载后,会进行一次赋值(从后台调出用户保存的图片)

that.setData({

'images[0]': res.tempFilePath

})

若用户无再上传新照片也就是没有在setData进行赋值的话(只执行了①代码未执行②代码), filePath: that.data.images[i],的路径是正确的,提交时控制台输出的数据是这样的
图片说明

若用户进行了上传新照片的操作,也就是对image[0]进行两次赋值操作(①和②块的代码都有执行),那么提交时控制台是

图片说明图片说明

为啥赋值两次下标为0的位置保存的就是数组了?而且提交路径须改成filePath: that.data.images[i][0]才可以正确提交?是我的赋值方法写的不对吗?

小白刚入门不久求教。

  • 写回答

1条回答 默认 最新

  • 问问那只猫 2020-03-11 11:04
    关注

    setData是没有问题的
    问题在第二步

    that.setData({
    
    // images: that.data.images.concat(res.tempFilePaths)
    
    'images[0]': res.tempFilePaths
    
    })
    
    

    图片说明
    通过官方文档 res.tempFilePaths返回的是一个Array
    因此你在setData的时候,当然会塞进去一个数组
    所以你需要这么改

    that.setData({
    
    // images: that.data.images.concat(res.tempFilePaths)
    
    'images[0]': res.tempFilePaths[0]
    })
    
    

    试一下吧~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 有关“完美的代价”问题的代码漏洞
  • ¥15 请帮我看一下这个简易化学配平器的逻辑有什么问题吗?
  • ¥15 暴力法无法解出,可能要使用dp和数学知识
  • ¥15 wpf通过绑定控件自身的值,来实现背景颜色的切换
  • ¥15 CDH6.3 运行hive -e hive -e "show databases;"报错:hive-env.sh:行24: hbase-common.jar: 权限不够
  • ¥15 SSRS制作的报表打开报错,无法正常显示网页
  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问