Antd-Vue Upload 上传 Excel文件例子

        
          

单击或拖动文件到此区域上传


    // data的内容
    // token存放到请求头内
    headers:{
        Authorization: null
    }
    
    //引入vuex和token方法
    import storage from 'store'
    import { ACCESS_TOKEN } from '@/store/mutation-types'
 
    // vuex .js封装的内容
    export const ACCESS_TOKEN = 'access_token'
 
    // 生命周期内获取token
    created() {
        this.headers.Authorization = storage.get(ACCESS_TOKEN)
    }

    // methods内调用方法
    handleChange(info) {
      const status = info.file.status;
      if (status === 'done') {
        if(info.file.response.code == 500) {
            this.$message.error(
            info.file.response.msg,
            3
            )
          }else if (info.file.response.code == 200) {
            this.$message.success(
            info.file.response.data,
            3
            )
          }
      } else if (status === 'error') {
        this.$message.error(`${info.file.name} 文件上传失败.`);
      }
    }

 注:记录遇到的问题学习使用,侵权立删

你可能感兴趣的:(vue,vue.js,前端,javascript)