vue pdf 上传和预览

要实现以上效果：

import { Field } from ‘vant’;
Vue.use(Field);

<template #input>

<van-uploader :max-count="1" :after-read="afterRead" v-model="uploader" accept=".pdf">

  <van-button icon="plus" type="primary" color="#00A2FF">上传文件</van-button>  <!--蓝色的自定义的样式-->

</van-uploader>

在data里面：
uploader:[],

fileId ：“”,
methods 方面里面：

afterRead(file) {

/this.uploader[0].content/ //base64 的pdf 二进制码

this.uploadLibraryFile(this.uploader[0].content);

},

/上传pdf的接口/

uploadLibraryFile(pdfBase64){

api
.uploadLibraryFile({

  file: pdfBase64,
  type: "pdf"