vue3 vant的上传文件使用 Uploader

一，先在终端下载 : npm i vant

二，在main.js里引用 

import "vant/lib/index.css";
import { Uploader, Picker, Popup } from "vant";

app
  .use(store)
  .use(router)
  .use(vuex)
  .use(Uploader)
  .use(Picker)
  .use(Popup)
  .mount("#app");

三，使用组件

 

 

 四，在js里使用

    const afterRead = (file) => {
      console.log(file, "这里是文件名file和base64");
      Toast.loading({
        message: "加载中...",
        forbidClick: true,
        loadingType: "spinner",
        duration: 0,
      });
      if (file.file.size > 5242880) {
        that.$public170.dataAlert("错误！请上传不超过5M的图片");
        Toast.clear();
        return;
      }
      invoiceUpImages(file.file); //获取文件上传到后端
    };

　五，上传给后端，这里上传要注意使用（binary）形式上传

　　怎么通过binary形式上传

　　1，axios的请求头，

　　　　headers:{

    　　　　"Content-type":multipart/form-data

　　　　}

 如果需要传输多个属性参数

 param.append("xxx",xxx)

 param.append("xxx",xxx)

多次重复就可

 

 六，可以看 到上传的形式是以二进制流来传输的