VUE 文件上传

最新推荐文章于 2023-09-08 15:46:03 发布

Passerby_OK

最新推荐文章于 2023-09-08 15:46:03 发布

阅读量324

点赞数

分类专栏：前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/passerby_ok/article/details/126498184

版权

本文详细介绍了在Vue.js中如何使用ElementUI组件进行文件上传，包括formData格式的文件处理和调用上传接口的步骤，最后还分享了在开发中常用的console.log全局定义技巧。

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

1.上传组件

<el-form>
        <el-form-item>
          <el-upload
            class="upload-demo"
            ref="upload"
            action=""
            :file-list="fileList"
            :auto-upload="false"
            :on-change="handleChange"
          >
            <el-button slot="trigger" size="small" type="primary">选择附件</el-button>
         
            <el-button
              style="margin-left: 10px"
              size="small"
              type="success"
              @click="submitUpload"
              >上传</el-button
            >
          </el-upload>
        </el-form-item>
</el-form>

2.文件处理（formData格式）