微信小程序上傳圖片組件及如何上傳多張圖片

<template name="customer" data-customerid="{{ id }}" bindtap="sayHello">
<text>{{ name }}</text>
<text>{{ gender }}</text>
<text>{{ age }}</text>
<block wx:for="orders" wx:for-item="order">
  <view>{{order.id}}</view>
  <view>{{order.detail}}</view>
</block>
</template>

<import src="path/to/customer.wxml">
<template is="customer" data="{{...customer}}"></template>

// A.js
Page({
data: {
  customer: {} // 可以先寫成空 hash ，稍后更新，但 key 必須先存在
},
sayHello: function(e){
  // say hello
  // e.target.dataset.customerid
}
})

// A.js
require('path/to/customer.js');

Page({
data: {
  customer: {}
}
onLoad: function(){
  // this 是宿主的執(zhí)行上下文環(huán)境
  // this.data 可以訪問 data
  // this.setData 可以更新 data
  // this.func = function() {} 可以往宿主增加新方法
  new Customer(this);
}
})
// customer.js
// 這里用到 es6 的類定義語(yǔ)法

class Customer {
constructor(pageContext){
  this.page = pageContext
  this.page.sayHello = this.sayHello
}

sayHello(e){
  // say hello
  // e.target.dataset.customerid
}
}

module.exports = Customer