微信小程序加载图片失败渲染层网络层错误

想要制作一个发布图片的小功能，结果添加图片时报下面的错误是为什么

wxml什么样的？看截图直接绑定的是对象，而不是对象的图片属性

而且wx.chooseMedia的sourceType配置也有问题，应该是['album', 'camera']，success回调中res.tempFiles是对象数组，而初始化data中imageList是字符串数组。应该map下将res.tempFiles转为字符串数组（res.tempFiles中的图片路径）

that.setData({ imageList: res.tempFiles.map(i => i.tempFilePath)})

而且注意wxml中路径不要加其他内容了，已经是绝对路径

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

你可以看下这个问题的回答https://ask.csdn.net/questions/7671090
这篇博客你也可以参考下：小程序实现动态加载轮播图并实现图片放大功能
除此之外, 这篇博客: 页面删除按钮点击确认删除后，提示删除成功，但是不会自动关闭弹窗和自动加载数据中的 经过多次尝试最终找到方法解决，解代码如下： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
//关闭弹窗
layer.closeAll(‘dialog’);
您还可以看一下田德华老师的小程序·云开发实战微信朋友圈所有功能课程中的实现图片预览功能小节, 巩固相关知识点

以下回答由chatgpt基于相关博客总结生成:

问题原因是微信小程序加载图片失败，渲染层网络错误。解决方案如下：

检查网络连接：首先确保你的设备已连接到网络。检查网络状态是否正常，并尝试重新加载图片。

wx.getNetworkType({
  success: function(res) {
    const networkType = res.networkType
    if (networkType === 'none') {
      wx.showToast({
        title: '网络连接失败，请检查网络设置',
        icon: 'none'
      })
    }
  }
})

检查图片链接是否正确：确认图片的链接是否正确，可以尝试在浏览器中打开图片链接，看是否能够正常加载。
使用网络请求库加载图片：如果图片链接没有问题，可以尝试使用微信小程序的网络请求库wx.request加载图片。

wx.request({
  url: '图片链接',
  responseType: 'arraybuffer',
  success: function(res) {
    const base64 = wx.arrayBufferToBase64(res.data)
    const imgData = `data:image/jpeg;base64,${base64}`
    // 将imgData设置为image组件的src属性，渲染到页面上
  },
  fail: function() {
    wx.showToast({
      title: '图片加载失败',
      icon: 'none'
    })
  }
})

压缩图片大小：如果图片太大，可能会导致加载失败。可以尝试压缩图片的大小，再进行加载。

wx.compressImage({
  src: '原始图片路径',
  quality: 80, // 图片质量，取值范围为0-100
  success: function(res) {
    const compressedImagePath = res.tempFilePath
    // 将compressedImagePath设置为image组件的src属性，渲染到页面上
  },
  fail: function() {
    wx.showToast({
      title: '图片加载失败',
      icon: 'none'
    })
  }
})

5.检查小程序权限：检查小程序是否有访问网络的权限。在小程序的app.json文件中配置权限。

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的权限描述"
    }
  }
}

如果你确定以上步骤都没有问题，但问题仍然存在，可能是微信客户端的Bug或者微信服务器的问题。你可以尝试更新微信客户端或联系微信官方客服寻求帮助。

微信小程序加载图片失败 渲染层网络层错误

微信小程序加载图片失败渲染层网络层错误