element el-upload不上传服务器并且拿到文件信息

<el-upload

                class="upload-demo"

                :auto-upload="false"

                :limit="1"

                :before-remove="beforeRemove"

                :on-change="handleChange"

                accept=".xls, .xlsx">

                <el-button

                  type="primary"

                  class="ml15"

                  link

                  v-show="!ruleForm.file['uid']"

                  >文件上传</el-button

                >

              </el-upload>

------------------------------------------------------------------------------------------

import type { UploadProps } from 'element-plus';

// 上传文档

const handleChange: UploadProps['onChange'] = (uploadFile) => {

  ruleForm.file = uploadFile.raw;

};

// 删除文件

const beforeRemove = () => {

  ruleForm.file = {};

};

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容