微信小程地图片未加载成功的情况 Failed to load local image resource

在开发小程序的时候，发现在加载图片时并没有异常，但是后台却报错了。

例如以下我的一段代码：

<view class="useage2 "><image src='../../images/qq/{{weatherData.data[item_k].wea_img}}.png'></image></view>

这里的{{weatherData.data[item_k].wea_img}}是JS传进来的一个变量，但是在显示某个框框的时候将photo的值设为一个路径值，即在选择图片的时候，会因为其路径并不是在该项目的相关路径中，导致报以下错误：

Failed to load local image resource /pages/xxx/ the server responded with a status of 404 (HTTP/1.1 404 Not Found)

那此时的路径{{weatherData.data[item_k].wea_img}}相当于是一个无效的路径，这就对该路径添加wx:if来表示认可。加上下面一句话

        <view wx:if='{{weatherData.data[item_k].wea_img}}' class="useage2 "><image src='../../images/qq/{{weatherData.data[item_k].wea_img}}.png'></image></view>

wx:if='{{weatherData.data[item_k].wea_img}}'

微信小程地图片未加载成功的情况 Failed to load local image resource相关推荐

微信 html自动加载js,微信小程序实现图片预加载组件
网页中的图片预加载图片预加载对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验.我们知道在 Web 页面中实现图片的预加载 ...
微信小程序之图片懒加载
数据都是死的,复制即可查看效果实现原理: 通过onPageScroll() 方法返回的e.scrollTop值与手机窗口宽高进行计算,较完美的解决了等高或均高图片序列的图片懒加载. 关于图片高度:图 ...
微信小程序image图无法加载出来的解决办法（亲测有效）
在微信小程序中,第一次加载页面时图片(线上图)加载不出来/图片灰色背景显示,这个时候该如何解决这个问题呢?请带着问题查看这篇博客,希望对您有所帮助(点赞skr) 看官方文档? 自行解决? 写在前面(初 ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...
【微信技术-微信小程序】------- 骨架屏(加载流)配置(skeleton-config)及属性详解 (第三篇)
本篇文章是骨架屏(skeleton)配置及属性详解(第三篇) 第一篇文章:[微信技术-微信小程序]-------骨架屏(加载流) 简单入门(第一篇) 第二篇文章:[微信技术-微信小程序]------- ...
htmlimg图片加载失败_html网页图片未加载完成或失败时显示默认图片
前言一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片, ...
分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理就是页面加载完毕的时候请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码我是改的 onload ...
html加载完显示图片,js图片未加载完显示loading效果
js图片未加载完显示loading效果 img{float:left;200px;height:200px;margin:0 10px 10px 0} //判断浏览器 var Browser=new ...
selenium截图模糊_Selenium截屏图片未加载的问题解决--【懒加载】
需求: 截屏后转PDF. 问题: selenium截屏后,图片未加载如下图: 原因: 网站使用了懒加载技术:只有在浏览器中纵向滚动条滚动到指定的位置时,页面的元素才会被动态加载. 什么是图片懒加载? ...
微信小程序开发动感十足的加载动画--都在这里！
微信小程序开发动感十足的加载动画--都在这里.jpg 1. 概述我们在学习微信小程序时,应该会遇到载入图片或者动画需要等待的情况,那么这个等待的画面我们应该怎么编写呢?今天我们就分享这样的小教程. ...

微信小程地图片未加载成功的情况 Failed to load local image resource

微信小程地图片未加载成功的情况 Failed to load local image resource相关推荐

最新文章

热门文章