问题描述

小程序获取服务器图片的时候报了这个错误

检查了以下，地址没错，图片也可以显示出来，但调试器那里就是报错。重新捋了一遍发现了问题。

原因分析：

这是小程序加载的问题，程序运行加载到以下标签的时候，js文件还没获取到goodsInfo。所以这个时候图片的地址还是空的，所以会报错。解决方法也很简单，在获取goodsInfo之前不加载这个image就行了。

    <image src="{{imgUrl+goodsInfo.res_photo}}"></image>

解决方案：

html文件做一些修改

 <image src="{{imgUrl+goodsInfo.res_photo}}" wx:if="{{condition}}"></image>

这里加入wx.if 绑定的condition是data中定义的boolean值，初始值为false。

  onLoad(options) {// 获取页面需要货物信息getGoodsInfo: {wx.request({url: Url + findResourcesById,data: {id: this.data.goodsId},success: (res) => {// 获取搜索到的货物的信息this.setData({goodsInfo: res.data,condition:true})}})}}

我这里是在页面加载的时候获得图片信息的，在赋值的时候给data中的时候将condition改为true。
这样，程序加载的时候发现里面的condition为false就不会加载图片，而在js文件获取到图片信息并赋值之后再将condition改为true，这样才加载图片。然后报错问题就解决了。

微信小程序获取服务器图片[渲染层网络层错误]404相关推荐

有效解决微信小程序加载视频[渲染层网络层错误] Failed to load media
问题1,小程序的视频一般都是放在网络上的,没谁能把视频放本地把,所以在小程序视频插件在加载视频的时候,就会出现如下错误:[渲染层网络层错误] Failed to load media wxml加载视频 ...
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题
一.首先看一下我们的源代码和报错原因 1.1源代码是这个样子的 1.2先来看下我们的页面 1.2.1原设计图是这个样子的 1.2.2而此时我们的页面 1.2.3然后来看下我们的报错二.解决方法 2. ...
小程序报错：[渲染层网络层错误] Failed to load local image resource /static/logo.png......
问题来源我在刚开发微信小程序时发现了一个问题,当我用hbuilder x运行小程序到微信开发者工具中时,出现了报错. 报错后并且也出不来图片,当时也去百度了许多用法,发现大多数都无法解决.我也很奇怪 ...
微信小程序获取Onenet图片
微信小程序获取Onenet平台的图片目录微信小程序获取Onenet平台的图片 1.Onenet平台 2.微信小程序 1.Onenet平台我做的项目是通过STM32F4开发板,结合ov2640摄像 ...
小程序渲染层网络层错误404
[渲染层网络层错误] Failed to load image http://zerg.com/images/2@theme.png the server responded with a statu ...
微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码
本文实例为大家分享了微信小程序图片上传放大预览的具体代码,供大家参考,具体内容如下 image.js代码: = 9) { this.setData({ lenMore: 1 }); setTimeou ...
微信小程序报错：[渲染层错误] TypeError: Cannot read property ‘$$‘ of undefined
报错细节渲染层出错,滑动图片组件无法显示,(swiper是轮播图插件,因此错误应该出现在swiper组件的渲染中)如图: 报错原因 wxml在使用swiper组件时,未接收到数据,因此页面也不会渲染 ...
微信小程序获取文件图片的MD5
问题: 上传同一张图片解决办法:获取图片MD5值来对比如何使用? 1.对应页面引入对应的spark-md5.js //引入js const sMD5 = require('../../utils/ ...
微信小程序 [渲染层网络层错误] failed to load font
微信小程序报错: [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font...... 原因:我使用了阿里的iconfont字体图标,该 ...

微信小程序获取服务器图片[渲染层网络层错误]404

问题描述

原因分析：

解决方案：

微信小程序获取服务器图片[渲染层网络层错误]404相关推荐

最新文章

热门文章