微信小程序绑定服务器数据,微信小程序 动态绑定数据及动态事件处理

微信小程序 动态绑定数据及动态事件处理

关键核心代码

src="{{item.imgurl}}" mode="scaleToFill" bindtap="addtaskimg" bindlongtap="imglongtap" >

var objurl= JSON.parse(res.data);

//重置图片参数

var temppostionlist=that.data.postionlist;

for (var i=0;i

{

if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){

temppostionlist[i]["imgurl"]=temppaths;

temppostionlist[i]["serverimgurl"]=objurl.Body.Data;

break;

}

}

that.setData( {

postionlist:temppostionlist

})

利用image的data-Type，可以在js后台中知道是点击了哪个image,上传图片后再循环得出相等data-type的数据项进行赋值，这样就能动态给相应的标签赋值

addtaskimg 为统一的动态事件

主要代码如下

.wxml

{{item.KeyValue}}

{{item.Remark}}

src="{{item.imgurl}}" mode="scaleToFill" bindtap="addtaskimg" bindlongtap="imglongtap" >

.js

addtaskimg:function(e){

//添加选择图片

if (this.data.blongtap)

{

//处理如果是长按，则不再执行下面的

this.setData({

blongtap:false

});

return;

}

var that = this;

wx.chooseImage({

count:1, //默认1张

success:function(res){

//先上传至服务器，再返回路径供保存

var temppaths=res.tempFilePaths[0];//+".jpg";

wx.uploadFile({

url:app.globalData.ghost+"YWTask/PutUploadFile?BillCode="+that.data.detail.BillCode+"&ID="+that.data.id,

filePath:temppaths,

name:'image',

formData:{},

success:function(res){

//res.data返回的是一个字符串，需进行转换成objcet，wx不识别eval函数

console.log(res.Data);

var objurl= JSON.parse(res.data);

//重置图片参数

var temppostionlist=that.data.postionlist;

for (var i=0;i

{

if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){

temppostionlist[i]["imgurl"]=temppaths;

temppostionlist[i]["serverimgurl"]=objurl.Body.Data;

break;

}

}

that.setData( {

postionlist:temppostionlist

})

}

})

}

})

}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！