353788916@qq.com
353788916@qq.com
  • 发布:2018-09-05 16:35
  • 更新:2019-07-19 11:14
  • 阅读:6254

uni-app image的重大BUG

分类:uni-app
<image class="card-img card-list2-img" src="../../../../../static/images/a.png"></image>  

网络图片的话可以显示,二本地资源图片在真机版显示不了,在微信开发者没问题,求原因。路径正确

2018-09-05 16:35 分享
已邀请:
1158077437@qq.com

1158077437@qq.com - 好人

我也出现这种情况,本地图片只有tab上能显示,其它地方均显示不出来

237607151@qq.com

237607151@qq.com

体验差,app中无法设置高度100%,

  • tiandiweb@qq.com

    好像我也是不能设置,勉强用其他方式代替,也获取不了组件高度,而H5上可以,和vue本身也有差别

    2019-06-11 11:15

237607151@qq.com

237607151@qq.com

第一次用踩了很多坑,完全没得兴趣用下去了

Neil_HL

Neil_HL

在你那儿,hello uniapp里的图片是否能正常显示,hello uniapp的image示例里有本地图和网络图。

  • 353788916@qq.com (作者)

    可以显示,但我是作为组件用的。组件里image不显示

    2018-09-05 17:07

  • Neil_HL

    回复 353788916@qq.com:组件里写图片路径时路径为引用该组件的文件的路径,下个版本支持写绝对路径,那时就不存在此问题了

    2018-09-05 17:47

353788916@qq.com

353788916@qq.com (作者)

可以显示。我是作为组件用的

353788916@qq.com

353788916@qq.com (作者)

举个例子?

353788916@qq.com

353788916@qq.com (作者)

怎么写呢?没听懂

  • Neil_HL

    比如A页面引用了B组件,A页面里引用图片路径写的是../../static/xx.png ,那么B组件里图片路径也得写成../../xxx.png

    2018-09-06 11:05

  • Trust

    /static/xxx.png

    2019-03-15 11:29

1656567911@qq.com

1656567911@qq.com - 80后IT爱好者

我学习中出现过这种问题,应该是引入图片的相对路径有问题,图片的相对路径不是参考你所引用文件的,而是参考你图片最终展示的页面的文件。
我反正这样是解决问题了
顺便我也想问问开发工程师:是不是这样设置的?我的解答是否正确?

如果是我这样的理解,那么这样的设置坑太多了

胖头鱼版人鱼线

胖头鱼版人鱼线

遇到同样的问题,系统会自动生成响应的目录,并将图片拷贝进去,但是就是提示找不到图片文件,相对路径是正确的。

胖头鱼版人鱼线

胖头鱼版人鱼线

问题解决了,确实是“引入图片的相对路径有问题,图片的相对路径不是参考你所引用文件的,而是参考你图片最终展示的页面的文件。”,比如,你在A文件引用了图片,但是确实在B文件中调用了A文件,那么图片参考的相对路径是B文件,而不是A文件。
另外,系统会自动生成目录并拷贝文件,是因为采用了<img>标签,这个标签不是uni-app的标签,应该正确使用<image>.

云中白狼

云中白狼

用base64 或者网络图片

  • DCloud_heavensoft

    这里说的是image标签,不是背景图,不需要base64或网络图

    2019-03-14 23:26

Trust

Trust - 少说废话

https://uniapp.dcloud.io/component/image
自定义组件里面使用 <image>时,若 src 使用相对路径可能出现路径查找失败的情况,故建议使用绝对路径。例如:/static/logo.png

531054328@qq.com

531054328@qq.com

真的垃圾 bug一堆

597392321@qq.com

597392321@qq.com

直接用绝对路径就行了,哪有这么多事

2723095144@qq.com

2723095144@qq.com -

真的是害人不浅啊

要回复问题请先登录注册