这个错误可能是由于代码中将选择的图片临时文件对象直接添加到imgList数组中,导致渲染层无法正确加载图片资源。建议在添加图片前先将临时文件对象的路径提取出来再添加到数组中,
注意,路径的顺序需要与imgList数组中图片对象的顺序一致,否则图片显示顺序将出错。
错误代码:
//选择图片 ChooseImage(){
wx.chooseMessageFile({
count: 9,
type: 'image',
success: (res) => {
let tempFiles= res.tempFiles
if (this.data.imgList.length != 0) {
this.setData({ i
mgList: this.data.imgList.concat(tempFiles)
}) }
else {
this.setData({
imgList: tempFiles
})
}
}
})
},
修正后的代码:
ChooseImage() {
wx.chooseMessageFile({
count: 9,
type: 'image',
success: (res) => {
let tempFiles = res.tempFiles;
let paths = tempFiles.map(file => file.path); // 提取路径
if (this.data.imgList.length != 0) {
this.setData({
imgList: this.data.imgList.concat(paths) // 添加路径
})
} else {
this.setData({
imgList: paths // 添加路径
})
}
}
})
},