微信小程序异步多图上传

采用lin ui 第三方库。可以去官网下载

<l-avatar bindtap="login" text="{
  {userinfo.nickName}}" placement="bottom" src="{
  {userinfo.avatarUrl}}" />

<l-textarea  bind:linblur='dream' auto-focus="true" placeholder="说说你的想法吧..."  />
<l-image-picker count="9" bind:linchange="onChangeTap"  bind:linremove="remove" />
<l-button type="default" bindtap="btn">发布</l-button>

因为用到插件，所以页面内容十分简洁，但必须要.json定义组件

{
  "usingComponents": {
    "l-avatar":"/miniprogram_npm/lin-ui/avatar",
    "l-image-picker":"/miniprogram_npm/lin-ui/image-picker",
    "l-button":"/miniprogram_npm/lin-ui/button",
    "l-textarea":"/miniprogram_npm/lin-ui/textarea"
  }
}

然后再看逻辑层