图片无法预览，点击预览无反应

首页课程实战体系课手记专栏慕课教程

图片无法预览，点击预览无反应

来源：5-6 选择图片业务逻辑

qq_慕勒6080428

2020-01-27

按照视频一步步来的，前面都没问题，就最后预览图片点击无反应，请问这是哪里出问题了？

js

data: {
    wordsNum:0,//输入文字个数
    footerBottom:0,
    image:[],
    selectPhoto:true,//添加图片元素是否显示
  },
  
  onPreviewImage(event){
    wx.previewImage({
      current:event.target.dataset.imgsrc,//表示当前预览图片对应的地址
      urls: this.data.image,//要预览的图片数组列表
    })
  },

wxml

<!--显示图片-->
    <block wx:for="{{image}}" wx:key="*this">
      <view class="image-wrap">
        <image class="image" src="{{item.path}}" mode="aspectFill" bindtap="onPreviewImage" data-imgsrc="{{item.path}}"></image>
        <i class="iconfont icon-shanchu1" bindtap="onDelImage" data-index="{{index}}"></i>
      </view>
    </block>

写回答

3回答

谢成

2020-01-29

已采纳

urls对应的值不对

//img.mukewang.com/szimg/5e3145e4094d280624701292.jpg

数组里面的每一项应该是字符串，也就是每一项应该是图片地址的string，而你这里每一项是一个对象：

//img.mukewang.com/szimg/5e31461209f6ae2b24501072.jpg

0

1

qq_慕勒6080428

非常感谢！

2020-01-30

共1条回复

谢成

2020-01-28

1、请确定onPreviewImage方法触发了

2、请检查event.target.dataset.imgsrc的值是否正确

3、请检查this.data.image的值是否正确

1

1

qq_慕勒6080428

老师，麻烦你看下上面的运行截图，你所提醒的地方都没问题，但在模拟器中点击图片还是无法预览。

2020-01-29

共1条回复

qq_慕勒6080428

qq_慕勒6080428

提问者

2020-01-29

这是运行截图

//img.mukewang.com/szimg/5e30ed1d09ff021c12230533.jpg

0

0

微信小程序云开发-从0打造云音乐全栈小程序

横跨小程序端、云后端、CMS一站式云开发的小程序全栈课程

1938 学习 · 2768 问题

相似问题

点击生成小程序码的时候展示了大图片。不能关闭图片返回我的界面

回答 1

小程序pdf文件预览与下载

回答 1

点击歌单无反应

回答 1

开发者工具和预览显示问题

回答 1

回答 2

打开慕课网App查看更多内容