uniapp image标签图片不显示问题

最新推荐文章于 2024-08-20 23:54:19 发布
最新推荐文章于 2024-08-20 23:54:19 发布
阅读量5.5k 收藏 4
点赞数 7
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52911459/article/details/127084947
版权

情况说明：uniapp中使用了img标签，发现在浏览器可以显示图片，但是在模拟器中无法显示，后来发现是标签问题后，修改为image标签后，依然是无法显示

最后发现是路径问题。路径直接为 /static/...     不需要相对，不需要@符号。直接从/static目录往下写就行了


 

本人更换了@/static目录，相对目录下../../../static的方式都不行，更改为/static/方式后可以了

注意 前提时资源放在static目录下或者子目录下的

葡萄爱学习
关注
uniapp开发小程序背景图片不显示的问题
qq_45018844的博客
04-01 4065
看代码 <view style="height: 580rpx;position:relative;opacity: 0.8;" :style="{background :'url(' + state.itemInfo.picUrl + ')',backgroundSize:'111%',backgroundRepeat:'no-repeat;',backgroundPosition:'27% 100%', filter: 'blur(3px)'}"></view> 这里一直没有显
uni-app image引入本地图片不显示，以及如何动态引入本地图片
eren_yeger的博客
05-09 3230
我们在uni-app中使用image标签引入本地图片的时候，会出现引入以后本地图片不显示的情况，这是因为引入的路径不对。在uni-app中使用image 相对路径或者绝对路径必须要加上/才可以。你是不是写成了 status/img/XXX.jpg了呢。动态引入本地图片的话可以使用require，如下。
uni-app的image组件，本地图片未显示
weixin_44646986的博客
03-13 1万+
这是个巨大的坑！！如果你的子组件的图片组件<image />的图片未显示，那么就对了，可以接着往下看。 假设我的项目结构是这样的 ┌─components │ └─child.vue ├─pages │ ├─index │ └─index.vue │ ├─static │ └─logo.png ├─main.js ...
uniapp常用标签
最新发布
a1241436267的博客
08-20 648
一.uni-app常用标签一.uni-app常用标签swiperview属性说明。
uniapp image图片显示问题
qq_56144522的博客
07-31 1279
1.起初是认为在uniapp开发wx小程序是不允许采用加载本地资源的问题，发现可以在css样式中引入通过background-image：url（）中可以显示出来问题，但是通过image去引入就发现图片显示不出来，报 “图片不能从本地加载”error。*在UniApp中，相对路径的解析也会受到框架的影响，因为UniApp将代码编译成小程序代码时可能会进行一些路径的转换。在小程序中，相对路径的解析可能会受到文件结构的影响，确保相对路径的正确性。在UniApp的项目结构中，将图片文件放在特定的目录（如。
uni-app——uniapp 中 image 动态引用图片不显示
qq_43201350的博客
12-08 1786
uni-app——uniapp 中 image 动态引用图片不显示
uniapp图片无法显示
热门推荐
progrmmmm的博客
01-13 2万+
首先确定是在什么环境下不展示图片，确定你的标签是<img>还是<image>,确定你是网页不展示图片还是真机模拟不展示图片,请对应问题查找方法。 一、引用本地文件中存储的图片 (1)真机环境 (2)网页环境 二、引用localhost或者127的本地服务器图片 (1)真机环境 (2)网页环境 三、引用本地服务器开启的端口的图片 (1)真机环境 (2)网页环境 四、富文本...
Uniapp｜image无法显示图片
爱玩的安哥
12-16 8307
自己写自定义组件的时候，找到几个图标，放在项目目录下，但在使用的时候发现小程序里面显示不出来。 微信小程序里面这样： 看网上的文章说要改成绝对路径，但我在在back-audio里面根本就没有发现play.png这个文件，那么怎么改src都不可能显示出来。除非放在static里面，但我想把组件独立出来使用。 无意中看到别人写的自定义组件，里面也有使用图标，试了下，可行！ 图片、图标使用require导入 三个控制播放图标代码： <template> <view class="audi
移动端页面在ios中不显示图片的解决方法
08-28
在移动端Web开发中，iOS设备有时会出现图片无法显示的问题，这可能会给用户带来不愉快的体验。本文将探讨这个问题，并提供一种解决方案。 首先，我们需要理解这个问题的根源。iOS设备的Safari浏览器对于图片的处理...
详解canvas drawImage()方法绘制图片不显示的问题
09-22
然而，在使用drawImage()方法绘制图片时，开发者可能会遇到图片不显示的问题。为解决该问题，我们可以从以下几个方面着手。 首先，我们需要创建一个canvas元素，并设置合适的宽高。例如，可以在HTML文档中添加以下...
uniapp中image图片不能正常显示的话就展示另一张图片怎样实现
07-15
在 Uniapp 中，可以通过使用 `@error` 事件来处理图片加载错误的情况，进而展示另一张图片。具体实现如下： 1. 在 `image` 标签中添加 `@error` 事件监听器，并绑定一个方法，例如 `handleImageError`。 2. 在 `...
uni app自定义组件image图片不显示
wusejiege6的博客
08-04 3708
页面目录结构 pages/页面.nvue pages/custom-details/custom-details.nvue 页面.vue <template> <view> <custom-details v-if="careDetailFlag"> </custom-details> </view> </template> <script> import customDetails from './cu
uniapp的image引用本地图片不显示问题解决
weixin_48046344的博客
12-23 6892
uniapp引用本地图片踩坑
uniapp运行到安卓基座app/img标签不显示
Xiang_Gong_Ya_的博客
12-01 1684
img是html中的标签，他也是一个单标签image属于服务器控件，是个双标签。
uniapp-imag无法显示
Musician
07-12 344
uniapp-imag无法显示 问题 今天项目中碰到一个小问题，记录一下，在uniapp中图片突然无法显示，仔细研究一下发现由于src使用了相对路径，导致图片无法正常显示，更新为绝对路径后可以正常显示了 之前： <image src="../../static/img/showCost.png" alt=""> 更改： <image src="@/static/img/showCost.png" alt=""> ...
uniapp 图片 image src内容为变量时不显示图片解决方法。
m0_74358570的博客
06-30 723
关于uniapp 图片（image）src内容为变量时不显示图片解决方法
uni-app动态加载图片图片不显示
qq_46030883的博客
05-06 7217
uniapp图片加载不出来的解决方案 //分为两种 1 2 //第一种 //使用v-bind + require 1 2 3 4 5 //第二种 //第一种可以解决99%的问题，若有1%的没解决，可以使用background-image属性 background-image:url(…/…/static/picture.png); //使用图片的最好是，本地图片使用背景图，万无一失，网络图片使用image src。 ...
uniapp h5图片上传之后不显示
weixin_51452515的博客
03-25 378
主要使用image组件，使用v-for遍历显示图片，但就是不显示图片。多注意看看单词是否写错了，多看看uniapp 官网的示例。
uni-app image手机端不显示bug
beifanggongy的专栏
12-28 674
1.uni-app 相对路径相对于引用页面的路径,H5则是相对于使用页面的路径; 2.uni-app 中图片名称不要使用中文,否则手机端不显示,pc端正常
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值