hgl
hgl
  • 发布:2018-12-07 11:07
  • 更新:2019-04-02 21:38
  • 阅读:15809

关于uniapp css背景图不能用本地文件的解决办法

分类:uni-app

现在css背景图片不能使用本地图片,官方给的理由是小程序不支持本地图片,只支持网络访问或者base64。所以uniapp也不支持。

但是这对app-plus和h5限制太大了。

能否考虑编译为小程序时自动转为base64,在其他平台继续使用本地图片?

2018-12-07 11:07 负责人:无 分享
已邀请:
fategaga

fategaga

图片大小超过40kb就不行了

  • 5***@qq.com

    我按照你说的试了下,把图片缩小到40kb内,然后就成功显示了,果然就是你说了的这个原因

    2019-05-27 23:46

1***@qq.com

1***@qq.com

给view加个style,在script里面初始化:“background image :../../image.png”,小程序这样可以实现加载本地背景图,你可以试试看

  • hgl (作者)

    不好意思,不是太明白。是指更改view的style属性吗?但是js里面不能使用dom, 如何更改元素的style呢?

    2018-12-07 11:50

  • 木杉丶

    应该是在template的view的标签上直接定义背景图片:style="'background:url('+imageSrc+')'"类似这样,然后再script的data里面定义一下imageSrc的路径就行了

    2019-07-11 14:44

  • 小轩碧落西窗雪

    可以实现

    2019-08-01 18:08

  • 8***@qq.com

    回复 木杉丶: 这样好像不行,,小程序还是运行不起

    2019-08-06 09:51

  • 木杉丶

    回复 8***@qq.com: 不是呀,我还特地去试了一下,没问题呀

    2019-08-09 16:14

  • 1***@qq.com

    回复 木杉丶: 谢谢 可以的

    2019-09-18 16:51

  • 1***@qq.com

    我试了一下, 此方法开发工具中能正常显示,真机依然无法显示

    2020-03-10 23:46

要回复问题请先登录注册