简历上传vant

最新推荐文章于 2024-06-03 16:56:42 发布

ジ Jing

最新推荐文章于 2024-06-03 16:56:42 发布

阅读量254

点赞数

文章标签： html5 html javascript

本文链接：https://blog.csdn.net/weixin_43983711/article/details/120266132

版权

本文介绍了如何利用前端框架Vant实现简历的上传功能，详细讲解了HTML5、HTML及JavaScript在实现过程中的应用，包括文件选择、预览、上传接口调用等关键步骤。

摘要由CSDN通过智能技术生成

  <div class="upload-img p-t-10 p-l-20 spe-field bgc-fff m-t-10">
      <div class="m-b-16">请上传简历（word,pdf,图片，最大5M）</div>
      <van-uploader
        :after-read="afterReadwed"
        accept=".pdf,image/*,.doc,.docx"
        upload-icon="plus"
        :max-count="1"
        v-model="fileList.list"
        :before-read="uploadBefore"
        @click-preview="previewFile"
        @delete="delFile"
      />
    </div>


    let fileList = reactive<any>({
      list: []
    })

    // 简历文件上传
    const afterReadwed= async (file: any) => {
      const toastId = toast({
        type: 'loading',
        message: '正在上传...',
        duration: 0,
        forbidClick: true,
      })
      var formData = new FormData()
      formData.append(