可以成功实现预览而且从你点击的图开始的。 首先,wxml文件如下。注意bindtap本人用了后端指定函数名而非硬编码。 <view class="form-box" wx:for="{{temPath}}" wx:key="{{index}}"> <image data-index="{{index}}" src="{{item}}" bindtap="{{funcN}}"></image> </view> js文件如下: Page({ data:{ address:{ name:'', phone:'', detail:'', picUrl1:'', picUrl2:'', upImg:false, location:'所在位置', blog:"", show:true, month:0, date:0 }, temPath:undefined, funcN:'previewImg', }, ……………… previewImg(event){ console.log(event.currentTarget.dataset.index) wx.previewImage({ urls: this.data.temPath, //'current', current: this.data.temPath[event.currentTarget.dataset.index], success: (res) => {}, // fail: (res) => {}, // complete: (res) => {}, }) } }) 就可以了,注意bintap的使用位置不是循环的外view,而是用在item上。而且,要设置current的值为数组的当前索引的URL。
wx.previewImage参数current的BUG?问题描述 : [图片] previewImage current (当前显示图片的链接,不填则默认为 urls 的第一张) 默认了current 后还是显示的 urls 列表中的第一张图片 反馈图如下: [图片] [图片] [图片] 代码如下 wxml文件[代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"img_item"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{picList}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"item"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"{{item.url}}"[代码] [代码]bindtap[代码][代码]=[代码][代码]"viewPic"[代码] [代码]data-url[代码][代码]=[代码][代码]"{{item.url}}"[代码][代码]></[代码][代码]image[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] js文件 [代码]viewPic:[代码][代码]function[代码][代码](e)[代码][代码] [代码][代码]{[代码][代码] [代码][代码]var[代码] [代码]_this = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]var[代码] [代码]nowpic = e.target.dataset.url;[代码][代码] [代码] [代码] [代码][代码]var[代码] [代码]picList = _this.data.picList;[代码][代码] [代码][代码]var[代码] [代码]urls = [];[代码][代码] [代码][代码]for[代码] [代码]([代码][代码]var[代码] [代码]i = 0; i < picList.length; i++)[代码][代码] [代码][代码]{[代码][代码] [代码][代码]//console.log(picList[i].url);[代码][代码] [代码][代码]urls.push([代码][代码]picList[i].url);[代码][代码] [代码][代码]} [代码][代码] [代码][代码]console.log(nowpic);[代码][代码] [代码][代码]wx.previewImage({[代码][代码] [代码][代码]current: nowpic, [代码][代码]// 当前显示图片的http链接[代码][代码] [代码][代码]urls: urls, [代码][代码]// 需要预览的图片http链接列表[代码][代码] [代码][代码]})[代码][代码] [代码] [代码] [代码][代码]},[代码]
2021-02-04事实上测试号是不能开通云开发的,反正我本人很早开通的测试号来建立项目就没有云开发的选项,即一闪而过。然后,我就用新的邮箱来重新注册小程序的账号,注意使用新的邮箱,即未在微信平台露面过的邮箱。跃过如下的坑:1,与微信绑定的邮箱,2,公众平台的邮箱,3,开放平台的邮箱。然后,注册登录完,个人用户即可,不用缴费认证的当然有银子除外。设置云开发启用,需要立刻建立一个云环境。再用此账号来新建项目,就可以看到云开发选项了。quickstart就加载了。不得不承认,腾讯是个造生态的专家。
学习阶段没有appId,使用测试号如何开通云开发?我还在学习阶段,有以下两个问题: 1、学习阶段没有实际的appId,创建项目时使用的是测试号,如何开通云开发? 2、个人号的小程序可否使用云开发?如何开通?
2021-01-28事实上测试号是不能开通云开发的,反正我本人很早开通的测试号来建立项目就没有云开发的选项,即一闪而过。然后,我就用新的邮箱来重新注册小程序的账号,注意使用新的邮箱,即未在微信平台露面过的邮箱。跃过如下的坑:1,与微信绑定的邮箱,2,公众平台的邮箱,3,开放平台的邮箱。然后,注册登录完,个人用户即可,不用缴费认证的当然有银子除外。设置云开发启用,需要立刻建立一个云环境。再用此账号来新建项目,就可以看到云开发选项了。quickstart就加载了。不得不承认,腾讯是个造生态的专家。
下载更新最新版本微信开发者工具,没有云开发选项新建工程时没有云开发的选项,然后选择普通模板新建工程完成后,界面工具类会闪现一下“云开发”, 然后就没有了,我安装的已经是最新版本,在线更新安装,卸载了重新安装最新版本的,我都试过了。 [图片] [图片] [图片]
2021-01-28