目前已经将云图片cloud://gsip。。。。 开头的格式图片显示在小程序内,但是无法点击放大,官方查询使用
wx.previewImage({
current: src, // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
尝试修改无法解决,请大神帮助,代码如下
wxml:
<view wx:for="{{ggxiufu}}" wx:key="index" class="showneirong">
<view>录入时间:{{item.ggtime}}</view>
<view>标题:{{item.ggtitle}}</view>
<text>内容:{{item.ggneirong}}</text>
<view wx:for="{{item.fileIds}}" wx:key="index">
<image src="{{item}}"></image>
</view>
</view>
JS:
imgYu:function(event){
var that = this;
var src = event.currentTarget.dataset.src;//获取data-src
var imgList = that.data.imgUrls;//获取data-list
console.log(imgList)
console.log(src)
wx.previewImage({
current: src, // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
})
},
src可以获取到 cloud://gsip。。。。 开头的图片,但是imglist无法获取,undefined
请尽量帮助提供完整代码,谢谢
imglist格式为 [image1,image2],你这个that.data.imgUrls是正确的数组吗? 如果只有一张图片可以这样写 var src = event.currentTarget.dataset.src;//获取data-src var imgList = [event.currentTarget.dataset.src];//获取data-list
<image src="{{item}}" data-src="{{item}}" bindtap="imgYu"></image>
<swiper-item>
<scroll-view scroll-y="{{true}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}" bindscrolltolower="scrollbot">
<view class="style-roll">
<view wx:for="{{ggother}}" wx:key="index" class="showneirong">
<view>录入时间:{{item.ggtime}}</view>
<view>标题:{{item.ggtitle}}</view>
<text>内容:{{item.ggneirong}}</text>
<view wx:for="{{item.fileIds}}" wx:key="index">
<image src="{{item}}" data-list="{{item}}" data-src="{{item}}" bindtap="imgYu" ></image>
</view>
</view>
</view>
</scroll-view>
</swiper-item>
cloud://开头的是云开发图片id
你可以用fileID 置换置换真实的图片地址,这种形式支持图片预览。
当你认为是云开发图片的问题的时候,就换一张普通图片或者本地图片测试,