微信小程序 van-uploader文件上传

微信小程序 van-uploader文件上传

微信小程序中使用van-uploader文件上传，具体代码如下：

（1）index.json文件中首先引入vant库的van-uploader组件：

{
   
  "usingComponents": {
   
    //"van-uploader": "/miniprogram/miniprogram_npm/@vant/weapp/uploader/index"
    "van-uploader": "@vant/weapp/uploader/index"
  },
}

注：如果下面的引入组件不成功，可以试试上面那行代码

（2）index.wxml 文件

<view class="evaluation-area">
   <view class="label">上传图片</view>
   <van-uploader file-list="{
   { fileList }}" bind:after-read="afterRead" />
</view>

（3）index.js 文件

//引入common.js文件，路径按找本本项目来
import {
   commonUpload