收藏
回答

小程序不能够动态加载图片?

需求:

由于同一类下的不同产品,希望通过wx:for 循环加载显示所有产品,而不同类型产品图片各不相同。

目前具体做法:

写一个按照类型取图片的js方法:如下:

function activityImg(type) {

  var statusJson = {};

  var x = "";

  switch (type) {

    case 1:

      x = "ssq.jpg";

      break;

    case 2:

      x = "dlt.jpg";

      break;

  }

  statusJson.x = x;

  return statusJson;

}

在对应的wxml文件引入该文件:

<wxs src='../../utils/stateUtils.wxs' module='product />

最有在需要动态显示地方这样使用:


这个样子,动态显示图片思路如上!不知道为什么这样,不能够显示图片!

请问:

1、这种方案要如何优化 才能正确显示图片?

2、如果这方思路不能显示图片,请问 这种需求下,要求动态显示图片的,采用什么方式可以显示图片?

谢谢

回答关注问题邀请回答
收藏

3 个回答

  • Mr.Zhao
    Mr.Zhao
    2019-11-30
    显示不了,能不能看看报错。背景图片不能使,你可以换image啊
    2019-11-30
    有用 1
    回复 1
    • 寒梅笑雪
      寒梅笑雪
      2019-11-30
      刚才测试了,  这种方式是可以的!感谢大家
      2019-11-30
      回复
  • 寒梅笑雪
    寒梅笑雪
    2019-11-30

    没有报任何错,其实不止两张!

    2019-11-30
    有用
    回复 2
    • 建
      2019-11-30
      背景图要用网络图片或者64位码
      2019-11-30
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2019-11-30
      2019-11-30
      回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-11-30

    就2张图片,有那么麻烦吗

    background-image:url({{url+'/'+path+'/img/'+(item.type == 1? 'ssq.jpg' :'dlt.jpg')}})


    多图片的话

    function activityImg(type, uri) {

      var uri = uri || [];

      var imgs = {"t1":"ssq.jpg", "t2":"dlt.jpg"};

      return imgs['t'+type] != undefined ? (uri.push(imgs['t'+type]),uri.join('/')) : ''

    }

    ================

      background-image:url({{product.activityImg(item.type,[url,path,'img'])}})


    2019-11-30
    有用
    回复
登录 后发表内容
问题标签